CSS嵌套div高度100％

我目前在页面高度的100％获得了#border div，但我试图让#container div在#border内部伸展到100％。此刻，#container只能延伸以适应其中的内容。CSS嵌套div高度100％

* { 
    margin: 0; 
} 

html, body { 
    height:100%; 
    font-family: Georgia, Times, "Times New Roman", serif; 
    font-size:13px; 
    line-height:19px; 
    color:#333333; 
    background: #f5f1ec; 
    text-align: left; 
} 

#border { 
    background: #f5f1ec; 
    border:solid 1px #FFFFFF; 
    width: 880px; 
    margin: 40px auto 0; 
    padding:10px; 
    height: auto !important; 
    min-height: 100%; 
    height: 100%; 
} 

#container { 
    background: #FFFFFF; 
    padding: 10px 50px 0; 
    height: 100%; 
}

来源

2010-05-28 Aaron Moodie

对不起你们，应在问题已经#container的，而不是＃内容。 – 2010-05-29 02:08:42

解决：

#container { 
    background: #FFFFFF; 
    padding: 10px 50px 0; 
    height: 100%; 
    width:780px; 
    position:absolute; 
}

来源

2010-05-28 06:56:48 Starx

谢谢Starx。刚刚完全剥离了我正在做的事情，这很好。也试图在那里找到一个页脚，并在它之前停止边界，所以可能不得不重新修改我的布局。尽管感谢您的帮助。 – 2010-05-29 02:44:59

添加绝对位置确实会导致嵌套div填满整个高度，但它也会导致它为我填充的填充高度超过整个高度。任何想法为什么？我不希望滚动条在不需要它们的页面上。 – 2010-10-26 15:52:38

这实际上是由于身体的边距和填充可能会将它们设置为“0”，如果问题出现，请尝试在身体中设置“overflow：hidden”，它将解决此问题。 – Starx 2010-10-27 07:04:56

尝试#container{min-height:inherit;position:absolute;}

，并添加overflow:hidden;到#border。

来源

2010-05-28 04:53:17 edl

是否意味着#container？ – 2010-05-28 05:27:39

对不起。您将#content放在顶部的说明中。 – edl 2010-05-28 05:40:13

嘿edl，我的意思是内容，因为在内容（这是一个标准的两列博客布局） – 2010-05-29 02:06:24

CSS嵌套div高度100％

回答

相关问题