HTML5和CSS3开发第七章知识点

display属性: block   inline  inline-bloc   none

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

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

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

inline-block和浮动的区别:

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

IE 6、IE 7上不支持

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