CSS浮动

#CSS浮动:元素脱离文档流向左或向右布局
float属性-none/left/right
设置浮动后-元素当作块级元素处理、脱离标准流,造成父元素内容塌陷

#清除浮动
解决父元素内容塌陷,影响布局效果
clear属性-none/left/right/both
overflow属性-用于设置元素不够容纳内容时的显示方式
overflow-visiable/auto/hidden/scroll

#常用技巧
1.企业应用中清除浮动的最佳方法
clearfix:使用伪元素after在父元素尾部添加一个元素,对添加的伪元素清除浮动样式
必备样式:content、clear、display
可选样式:height、font-size、visiability

#实战案例
*双飞翼布局

你可能感兴趣的:(CSS浮动)