BFC布局规则演示:构建自适应两列布局。本例中有3个BFC。 1. aside浮动元素生成一个BFC,其左外边缘和wrap的左边缘对齐 2. main元素通过overflow:hidden生成一个BFC,按规则它将不和aside浮动元素发生重叠。(参考阅读:http://www.w3.org/TR/CSS2/visuren.html#bfc-next-to-float) 这样就生成了一个简单的2列布局。

教程

JavaScript
语言:
CSS
语言:
HTML
导入代码模板: