2

我已经阅读了这个论坛上几乎所有关于 div 及其内容的高度增长的文章。我不明白我做错了什么，也无法弄清楚。可能这是一件容易的事，但我只是不再看到它了。

我尝试了以下 CSS，但无法正常工作：

clear:both;
float: left;
overflow: auto;
overflow: hidden;

这一切都没有所需的输出。

我在 jsfiddle 上发布了我的代码：http: //jsfiddle.net/eAVy3/

您会看到我的页脚（红色）位于顶部而不是底部。获得看起来像的东西的唯一方法是给 idpage_container一个高度。但这将是一个固定的高度，不会随内容增长。该怎么做才能做到这一点？

4

3 回答 3

1

您应该重新考虑将位置设为绝对；使位置绝对是使元素不流动，因此它们不会占用文档的任何高度或宽度。改变位置：相对；你会开始弄清楚

更新 2

尝试这个 ：

    #kolom_links {
width: 400px;
height: auto;
padding-left: 10px;
}
于 2013-10-14T13:03:30.757 回答
1

在这里工作小提琴：http: //jsfiddle.net/eAVy3/3/

绝对定位（绝对定位使 div 脱离了文档的正常流程，这意味着它不会影响页面上的其他内容，例如页脚）..

你需要浮动你的div：

#kolom_links {
  float: left;
  margin-left: 100px;
}

#kolom_rechts {
  float: left;
  margin-left: 70px;
}

现在因为 #page_container 中的两个 div 都是浮动的，所以你需要使用clearfix css：

添加类 clearfix：<div id="page_container" class="clearfix">

然后将此 clearfix 添加到您的 CSS 中：

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
于 2013-10-14T13:09:37.840 回答
0

这是一个简单的 CSS 问题：默认情况下，容器不会环绕浮动内容。最简单的方法是这样做，

.div_container {
  overflow: hidden;
}
于 2020-05-16T12:52:51.743 回答