.left {
float: left;
}
.right {
float: right;
}
.center{
}
浮动布局不会完全脱离文本流,会占用原布局空间
问: 为什么 center 要放在leftr和right之后?
答:
浏览器加载页面顺序是从上到下,
left已经左浮动,right右浮动。渲染center时,浏览器忽略掉已经脱离文档流的left和right ,center元素会从头占满整行,但发现left还占用着300px ,右边right又占用了300px,所以center的宽度在left和right之间,达到宽度自适应