CSS 布局经典问题初步整理
本文主要对 CSS 布局中常见的经典问题进行简单说明，并提供相关解决方案的参考链接，涉及到三栏式布局，负 margin，清除浮动，居中布局，响应式设计，Flexbox 布局，等等。
作者: brianway
删除一条评论
评论删除后，数据将无法恢复
公众号
视频号
深圳市奥思网络科技有限公司版权所有
粤ICP备12009483号
引用来自“唧唧”的评论
不知道为何圣杯那个这么复杂，这么写不一样吗？div{border: 1px solid red;height:200px;box-sizing: border-box;}
.container{padding-left:200px;padding-right:200px;position:relative;}
.left{position:absolute;left:0px;width:200px;top:0px;}
.right{position:absolute;right:0px;width:200px;top:0px;}
div{border: 1px solid red;height:200px;box-sizing: border-box;}
.container{padding-left:200px;padding-right:200px;position:relative;}
.left{position:absolute;left:0px;width:200px;top:0px;}
.right{position:absolute;right:0px;width:200px;top:0px;}
引用来自“开源中国-首席村长”的评论
<div style="clear: both"></dvi>引用来自“brianway”的评论
这是最挫的一种写法.....回复前建议认真读读文章里给出的参考链接。