一个文档流的梗

三栏布局(左右两栏宽度固定,中间栏宽度自适应),圣杯布局或双飞翼布局

为什么中间栏需要浮动?

一个文档流的梗_第1张图片
图片.png
因为下面图中红框的负margin
一个文档流的梗_第2张图片
图片.png

因为aside浮动脱离文档流,要使负margin起到作用,就必须使上面的box这个div也脱离文档流,这样aside才能跑到上面一行,如果box这个div不设置浮动,在正常文档流中,box这个div会占据整行,后面的div不管怎么设置都只能在后面

你可能感兴趣的:(一个文档流的梗)