继续低于div

Question

我想知道如何继续下面的div。

我的意思就像他们在[w3schools.com] [1]

中所说的那样

如果你去他们的一个turorials你会在左侧看到菜单，现在即使div里面没有任何内容它仍然继续下去（我的意思是他的背景）

我上传的图片解释了我的意思：http://i.stack.imgur.com/iLiUD.png

我希望你理解我，对不起我的英语。

修改 你问一个代码，但我不尝试任何事情，因为我不知道该怎么做。 无论如何，这是页面：link removed 就像你对我说的那样，我将div高度设置为100％，有助于帮助。

Answer 1

element {

padding-bottom: px; /*gives extra space*/

}

不知道你需要什么......

修改

第1步 - 为内容div

提供类名

<div style="width:79%;display: inline-block;padding-left: 10px;" class="bigboy">

第2步 - 将此代码放在您的标记

中

<script>
$( document ).ready(function() {
    $(".apl").height($(".bigboy").outerHeight()+ "px");
}
</script>

并完成： - ）

Answer 2

您可以通过css或height:1000px;向该div提供固定的padding-bottom:200px; ...

Answer 3

它看起来像整个容器是一个div。在div里面有几个有自己高度元素的人。例如，如果你有一个容器div（现在使用fixed修复，因为你没有发布代码）

.myContainer{
 position: fixed;
 top: 0;
 left: 0;
 width:250px;
 height:100%;
 background: #ccc;
 }

在该div内部，您将放置内部元素，如

.insideMyContainer{
 float:left;
 min-height:125px; //whatever height you want or just let it be auto based on content

 }