第七章CSS3浮动知识点

1,display属性: block   inline  inline-bloc   none

2,浮动属性:左浮动 left   右浮动 right   不浮动 none

3,清除浮动:clear属性:清除左边浮动 left   清除右边浮动 right   清除两侧浮动 both   不清除浮动    none

4,解决父级边框塌陷的方法:浮动元素后面加空div   设置父元素的高度   父级添加overflow属性   父级添加伪类after

5,inline-block和浮动的区别:

display:inline-block
可以让元素排在一行,并且支持宽度和高度,代码实现起来方便
位置方向不可控制,会解析空格

IE 6、IE 7上不支持

6,float 
可以让元素排在一行并且支持宽度和高度,可以决定排列方向
float 浮动以后元素脱离文档流,会对周围元素产生影响,必须在它的父级上添加清除浮动的样式

猜你喜欢

转载自blog.csdn.net/duanhaifeng55/article/details/80802001