一、清理浮动的三种方法。 当给元素设置了float属性之后，我们知道，元素便会脱离文档流的束缚，像一片水中浮动的树叶随波逐流。但是，在浮动的情况下，可能会导致网页内容出现一些我们并不想让其发生的干扰，例如其父元素的包裹作用将失去作用，假如你给父元素设置了漂亮的背景它却不见了，岂不惹人烦恼！于是，清理 ...
分类：
其他好文 时间：
2018-12-14 17:28:58
阅读次数：
167
1.浮动模型也是一种可视化格式模型，浮动的框可以左右移动。直到它的外边缘碰到包含框或者另一个浮动元素的框的边缘。浮动元素不在文档的普通流中，文档的普通流中的元素表现的就像浮动元素不存在一样。 如果包含块儿太窄无法容纳水平排列的三个浮动元素,那么其它浮动块儿向下移动,,直到有足够的扣减,如果浮动元素的 ...
分类：
Web程序 时间：
2018-12-05 16:26:23
阅读次数：
186
windth：宽 hight：高 background：背景色 fonr-size：字体大小 line-height：行高 text-indent：文本缩进 font-weight:bold：字体加粗 float:浮动 left ringht 特点：①浮动后元素层级变高②浮动元素都会变成行内块 di ...
分类：
其他好文 时间：
2018-11-23 12:32:26
阅读次数：
169
想成功就业web前端工程师，想要能高薪就业，那么除了好的web前端技能以外，还得有好的面试技巧，如果提前就了解更多企业的面试要求及面试题目，那么可以让我们的面试成功的几率大大的提高，今天就给大家分享5道经典的web前端面试题，相信可以祝大家一臂之力。1、BFC(1)w3c规范中的BFC定义：浮动元素和绝对定位元素，非块级盒子的块级容器（例如inline-blocks,table-cells,和ta
分类：
Web程序 时间：
2018-11-22 20:51:44
阅读次数：
242
z-index 这个东西非常简单，它有四大特性，每个特性你记住了，页面布局就不会出现找不到盒子的情况。 z-index 值表示谁压着谁，数值大的压盖住数值小的， 只有定位了的元素，才能有z-index,也就是说，不管相对定位，绝对定位，固定定位，都可以使用z-index，而浮动元素不能使用z-ind ...
分类：
其他好文 时间：
2018-11-10 14:57:35
阅读次数：
195
浮动元素的特征有： 1.块在一排显示； 2.内联元素支持宽高； 3.无论是块元素还是内联元素，没有宽度时默认内容撑开宽度； 4.脱离文档流； 5.提升层级半级。 对其他浮动元素的影响：后浮动的元素永不会超过先浮动元素的顶端。 对普通元素的影响：浮动元素会从文档正常流中删除，使得紧挨它的元素位置发生偏 ...
分类：
Web程序 时间：
2018-11-09 16:24:44
阅读次数：
1362
一.margin的塌陷解决： BFC （block format context）块级格式化上下文格式 display:inline-block float:left / right overflow: hidden position: absolute 二.float 1.浮动元素产生了浮动流 2 ...
分类：
Web程序 时间：
2018-10-31 15:33:55
阅读次数：
178
利用伪元素:after清除浮动 让页面呈现多列布局时经常会使用 float:left/right ，可是浮动布局会导致父元素的高度为0（未设置高度的情况下），不会根据子元素的高度而变化，另外，后面不需要浮动想在下一行显示的标签出现在浮动元素的后面。 #content{background:#000; ...
分类：
其他好文 时间：
2018-10-27 00:25:50
阅读次数：
243
float 在 CSS 中，任何元素都可以浮动。 浮动元素会生成一个块级框，而不论它本身是何种元素。 关于浮动的两个特点： 浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。 三种取值 l ...
分类：
其他好文 时间：
2018-10-26 22:14:35
阅读次数：
252
固定定位类似于绝对定位，所不同的是该元素的包含块是通过所建立的含初始块视口中，除非任何祖先具有transform，perspective或filter属性设置为比其他的东西none（参见CSS转换规格），然后使该祖先取代包含块的元素。这可用于创建“浮动”元素，无论滚动如何，该元素都保持在相同位置。在 ...
分类：
其他好文 时间：
2018-10-17 22:15:12
阅读次数：
199
