本文解析了CSS中.left、.right及.center类浮动布局的特点。通过浏览器加载顺序的说明，解释了为什么.center类需要放置在.left和.right之后的原因，并探讨了布局自适应的实现方式。
.left {
float: left;
}
.right {
float: right;
}
.center{
}
浮动布局不会完全脱离文本流，会占用原布局空间
问： 为什么 center 要放在leftr和right之后?
答：
浏览器加载页面顺序是从上到下,
left已经左浮动,right右浮动。渲染center时，浏览器忽略掉已经脱离文档流的left和right ,center元素会从头占满整行,但发现left还占用着300px ,右边right又占用了300px,所以center的宽度在left和right之间,达到宽度自适应
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
