属性有:display,float,clear,visibility,overflow,overflow-x,overflow-y
display
主要属性:inline,block,inline-block
inline
- 行内元素,不能设置宽高
block
- 块状元素,独占一行,可以设置宽高
inline-block
- 行内块状元素,可以设置宽高的行内元素
float
设计的初衷是为了文字环绕效果
- 具有包裹性BFC?和破坏性(由于设计初衷,因此这个不是bug)
- 清除浮动
- 在浮动元素底部添加具有clear:both的元素
- 让父元素BFC(ie8+)(父类设置overflow:hidden)或者haslayout(ie6 /7)
- 建议这样清除使用
.clearfix:after{
content: "";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
以上可以替换为
.wrap:after{
content: "";
display: table;
clear: both;
}
-----------------------
.clearfix{
*zoom: 1;
}
clear
用来清除浮动
visibility
问:visibility:hidden和display:none的区别:一个隐藏,一个消失