深入理解圣杯布局和双飞翼布局
最新回答
︷决戰紫禁之巓︷
2022-11-03 22:34:21
圣呗布局和双飞翼布局从字面意思来看是这样的：
通俗的来说就是左右两栏固定宽度，中间部分自适应的三栏布局。
把整个页面的宽度收缩后，会出现布局错乱的效果，因为当页面收缩时，main因为是其父容器content的100%的宽度，所以main也会跟着收缩，当main收缩到比aside宽度还要小，这时候父容器ct的100%宽度<aside的宽度，就不能容纳aside，所以将其挤到了下一行。
解决方法 ：可以给父容器content加上一个min-width样式，min-width的值不能小于aside和extra两者间的宽度最大值，这样做可以使中间的main的宽度始终比extra和aside大，就不会导致布局错乱了。
热门标签
