我有一个非常基本的CSS问题，带有以下标记：
#content_container {
background: none repeat scroll 0 0 #fff;
min-height: 800px;
margin: 10px auto 70px;
width: 100%;
background-color: #ddd;
overflow: hidden;
}
在这个div中，我有几个方框：
.box {
width: 300px;
height: 378px;
background-color: #F2EBE0;
float: left;
margin-left: 50px;
margin-top: 45px;
padding: 15px;
padding-top: 0px;
}
由于的原因float，当我调整浏览器窗口的大小时，这些框会中断。这个效果很好。但是我知道要做的是150px在div的右侧保留空间。因此，我尝试添加padding-left: 150px到#content_container。但是相反，div的行为方式与以前一样，它给了我一个x滚动条，并向其添加了150px。
我的问题是，如何在浏览器的100％宽度内添加填充。为了更好地解释问题，我制作了一张图片
谢谢！
尝试使用
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句