0

如果这是一个微不足道的问题，我深表歉意，但我似乎无法弄清楚。我有这个网站，我需要侧面的导航栏，以及右侧的矩形（具有“ContentExtender”类的那个）向下延伸到物理页面的底部（嗯，ContentExtender 只需要延伸到内容以使其融合，但这是另一回事）。最简单的方法是什么？我查了一下，发现将 Body 的高度设置为 100% 应该可以，但它没有。我知道有很多代码需要查看，所以这里是代码的实际重要部分（任何以“cc”为前缀的只是注释掉它们的简单方法）：

.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;
}
4

4 回答 4

0

您的问题与子 div 不能直接决定父母的行为有关。

在您的父 div 上尝试其中之一：

overflow: auto;

display: table;

或者在子 div 中：

display: table-row;

尝试时，尝试省略“height:blabla”属性。

解决了类似的问题：[1]: CSS - Expand float child DIV height to parent's height

于 2013-03-20T02:06:46.293 回答
0

你需要给 html, body { height: 100%; 加上你想要的元素的任何其他父母height: 100%;，height: 100%;

于 2013-03-20T01:15:50.923 回答
0

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

body {
  margin: 0px;
}

在您的情况下，它可能是另一个元素。我已经看到有意将所有可能的元素设置为 0 边距，然后重新实现所需的边距。

于 2013-03-20T01:17:05.640 回答
0

似乎您的代码中有一个小错误尝试编辑您的

.ContentExtender

并将其更改为

#ContentExtender

然后您将能够修复它，如果此方法不起作用，请尝试在 Content 扩展器的 HTML 标记上设置背景 CSS，如下所示

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

}

以上是一个例子，所以请即兴发挥

于 2013-03-20T01:20:57.393 回答