0

我有非常简单的网页。

我的 CSS 鳕鱼：

#bodyPart {
clear : both;
width : 1100px;
min-height : 500px;
margin-top : 10px;
margin-left : auto;
margin-right : auto;
border-style : solid;
border-width : 0px 1px;
border-color : white;
}

#left {
float : left;
width : 790px;
margin-left : 10px;
background-color : green;
}

#right {
float : left;
width : 280px;
margin-left : 10px;
background-color : darkgreen;
}

网页：

<div id ="bodyPart">
    <div id ="left"></div>
    <div id ="right"></div> 
</div>

min-height 属性不包括内边距、边框或边距！但是，当“左”变长时，我如何才能使“bodyPart”变长：S：S 有什么解决方案吗：S

4

2 回答 2

0

使heightof#bodyPart与auto_min-height

#bodyPart {
clear : both;
width : 1100px;
min-height : 500px;
margin-top : 10px;
margin-left : auto;
margin-right : auto;
border-style : solid;
border-width : 0px 1px;
border-color : white;
height:auto;
}

然后添加一个 div 来清除

HTML

 <div id ="bodyPart">
    <div id ="left"></div>
    <div id ="right"></div> 
    <div class="clear"></div>
 </div>

CSS

.clear {clear:both;}
于 2013-10-15T06:45:46.263 回答
0

首先，min-height与填充或边距或边框无关，其次，当其父元素的大小增加时，您可以使每个元素更长（当然是高度）。

为此，您必须使用百分比高度。让我们这样说：

div {
  min-height: 90%;
}

这样，这个 div 将填充90%父级（在这种情况下body，如果没有其他容器）。

另外，我无法理解 div 之间的关系。所以很难判断。但是您可以使用百分比来填充父 div 的空间。这样，当浏览器调整大小时，元素将调整大小并填充空间。

我猜在你的情况下，left是一个孩子并且bodyPart是父母（意味着左边在父母内部）。为此，您需要 JS 获取子项的高度，然后设置父项的高度。如果你的代码中有某种卷轴，那么删除它们，当孩子得到一些时，父母肯定会得到更多的高度！

div {
 overflow-x: none; // for the parent
}

告诉我更多:) 所以我可以帮助你。

于 2013-10-15T06:39:57.097 回答