css第四节进阶

html标准布局

从左往右

从上往下

float 元素浮动 脱离了标准布局的控制 只有往左往右

同两浮动元素顶部对齐从左往右

浮动元素具有包裹性和破坏性

1.元素清除浮动 不被影响（隔墙浮动）

用一个墙使用clera：both；清除浮动

2.overflow清除浮动 含有包裹性

overflow：hidden；超出的部分进行隐藏

overflow：visible；（默认）超出的部分溢出

overflow：auto；超出的内容自动增加上下滚动条，没有就不增加

overflow：scroll；有无超出都增加上下滚动条，增加左右滚动条

overflow触发bfc，具有包裹性。

float加块级外边距得到自适应

3.clear清除浮动

clear：both；清除左右浮动

display：table； 触发bfc，div具有包裹性

css：before，css：after；前后样式

zoom：1； 缩放

visibility：hidden；隐藏

claerfix，

父盒子把所有的子盒子包裹住。需要前后进行清除浮动

display：table

before，after：

content：“”；

display:block;

clear:both;

height:0;=visibility:hidden;

_zoom:1;//适用于ie