DIV不会一直延伸到页面的底部？

我很抱歉，如果这是一个微不足道的问题，但我似乎无法弄清楚。我有this website，我需要侧面的导航栏，并且右侧的矩形（具有“ContentExtender”类的那个）伸展到物理页面的底部（而且，ContentExtender只需要尽可能地将内容融合在一起，但这是另一回事）。什么是最简单的方法来做到这一点？我查了一下，发现将身体的高度设置为100％应该可以工作，但事实并非如此。我知道这是一个很大的代码，翻阅，所以这里是代码的实际重要组成部分（任何与“CC”前缀是注释出来的只是一个简单的方法）：你需要给DIV不会一直延伸到页面的底部？

.ContentExtender { 
    background-image: url(bgblack.png); 
    min-height: 10px; 
    ccmin-width: 200px; 
    ccwidth:100%; 
    margin: 0px 0px 0px 1010px; 
    position: absolute; 
    top: 110px; 
    right: 0px; 
    left: 0px; 
} 
.MainParent { 
    position: absolute; 
    left:0px; 
    top:0px; 
    right:0px; 
    bottom: 0px; 
    background-color:rgba(70,70,70,.7); 
    min-height: 600px; 
    min-width: 1000px; 
    max-width: 1000px; 
    height: 100%; 
    margin: 0px 10px 0px 10px; 
    z-index:100; 
    overflow: hidden; 
}

来源

2013-03-20 Oztaco

你看着你的jsfiddle？ – dezman 2013-03-20 01:14:21

哈哈，它有什么问题吗？ – Oztaco 2013-03-20 01:18:47

你不能仅仅从jsFiddle引用bgblack.png。 – dezman 2013-03-20 01:21:59

html，body {height：100％; }加上你想要的元素的任何其他父母height: 100%;，height: 100%;

来源

2013-03-20 01:15:50 dezman

我已经尝试过，它只是将其设置为可视区域的大小整个页面的页面 – Oztaco 2013-03-20 01:19:36

那么，那么你的页面没有你的屏幕那么高，但它仍然是100％。你可以在你的页面中创建任何东西“height：9999px”，你会看到。 – dezman 2013-03-20 01:21:07

页面比屏幕高很多，但导航栏和ContentExtender只能在屏幕上延伸？ – Oztaco 2013-03-20 01:24:33

我最近有一个问题，我不能延伸到窗口的顶部，这可能是相似的。我设置了：

body { 
    margin: 0px; 
}

就你而言，它可能是另一个元素。我已经看到所有可能的元素被有意设置为0的边界，然后所需的边界被重新实现。

来源

2013-03-20 01:17:05 Lurk21

我已经有了我的身体设置，并将它们全部设置为0px;似乎没有工作 – Oztaco 2013-03-20 01:21:00

好像有一个在你的代码的一个小错误尝试修改

.ContentExtender

，并更改为

#ContentExtender

然后你就可以修复它，如果这个方法行不通尝试在内容扩展程序的HTML标记上设置后台CSS，如下所示

html{ 
height:100%;  
background:#ccc url(bgblack.png);

}

上面是一个例子，所以请凑合

来源

2013-03-20 01:20:57 Suits999

糟糕，我在编辑之前放错了链接：/对不起 – Oztaco 2013-03-20 01:22:25

您的问题被链接到一个事实，即孩子DIV不能直接决定父母的行为。

尝试在你的父母DIV的其中之一：

overflow: auto; 

display: table;

或者在孩子的div：

display: table-row;

当你尝试，实验省略 “高度：布拉布拉” 属性。

类似的问题就迎刃而解了：[1]：CSS - Expand float child DIV height to parent's height

来源

2013-03-20 02:06:46

每当我这样做时，它就会将所有内容都分开，就像在我的所有导航栏链接之间留下巨大的空白 – Oztaco 2013-03-21 22:31:55

DIV不会一直延伸到页面的底部？

回答

相关问题