双飞翼布局和圣杯布局 网页开发中,经常会遇见左中右垂直三栏的布局方式,两侧结构宽度固定,中间自适应,有时候需要优先加载中间区域,那么便在DOM结构上便有所要求,需要中间区域在前,左右区域在后。 首先三个元素横向排列,用浮动实现。 .center{float: left;} .left{float: left;} .right{float: left;} 就是中间的在最前面,而且宽度没有自适应网页。中间区域用宽度百分百解决,位置用margin-left移动。 .center{width:100%;} 浮动在下面的原因是上面被占满换行了,所以左方块左移动