css列自动调整大小问题

Question

我的网站有两个css列，它们放在一个主容器中，宽度为75％，居中。我想要正确的容器至少300px宽，但如果浏览器中有空间（我的广告是300px宽），则要扩展，而左边的容器填充其余空间加上它们之间的空间。这是我到目前为止的CSS，

#body_container{
    margin: 200px auto 0 auto;
    width:75%;
    }
#left_container{
    float: left;
    width: 63%;
    padding:5px;
    margin-right:15px;
    }
#right_container{
    float:left;
    width: 32%;
    padding:5px;
    margin-right:15px;
    }

它有点工作，但在较小的浏览器上（我的相当宽，所以我只是在较小的显示器上查看它时注意到这一点）右栏被推到左下方：/任何人有任何想法？提前致谢。如果您需要查看更多的源代码，它位于http://sunnahspace.com，但这是预警，在IE中根本无法查看。

Answer 1

这是预期的行为 - 您使用的是固定大小的边距和填充，这意味着在某一点上，两列中的填充和边距总共50px将大于列的宽度的5％不要接受，互相撞击。不幸的是，除了指定最小宽度或使用CSS媒体查询之外，没有什么可以做的。