css列自动调整大小问题

时间:2011-09-07 17:35:48

标签: css

我的网站有两个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中根本无法查看。

1 个答案:

答案 0 :(得分:1)

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