div不根据内容调整高度

泰哈罗

我似乎无法弄清楚为什么我的信息容器div无法根据其内容调整高度。我的确有一个浮动div,我认为这可能是导致问题的原因,但我不确定。我有一个指向jsfiddle的链接,您可以在其中看到CSS和一些HTML(如果有帮助的话)。任何帮助是极大的赞赏!

这是包含浮动信息的信息容器ID的CSS和所有其他信息

    #info-container{
    position:relative;
    padding-bottom:20px;
    padding-top:20px;
    padding-left:10px;
    padding-right:10px;
    margin-left:auto;
    margin-right:auto;
    background:#6F90A2;
    min-width:1000px;
    max-width:1000px;
    clear: both;
    height:auto;
}

http://jsfiddle.net/r35K4/

j08691

添加overflow:auto;#info-container

jsFiddle示例

浮动子元素会将其从文档流中删除,父元素将折叠。通过添加溢出规则,可以恢复所需的行为。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章