0

我知道这一定是一个非常简单且易于解决的问题,但我不知道,因为我是编程新手。

我使用的是 300px 的默认高度,但随着越来越多的内容被添加,而不是包装器扩展以适应内容,内容正在超出内容。然后我在这个包装器的右侧有第二个容器,如果包装器将展开以适应内容,它也会向下拖动。我怎样才能解决这个问题?

包装:

     background-color: #FFFFFF;
      margin:0 auto; 
       height: 300px;
        width:60%;
     font-family: "Lucida Grande", Verdana, "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
      border:0px solid #FFFFFF;
       margin-top:25px;
       font-size:15px;
      color: #222222;
      margin-left:60px;

容器1:

         background-color: #000000;
                margin:0 auto; 
                  height: 80px;
             width:20%;
                   border:0px solid #FFFFFF;
                  margin-top:25px;
                  font-size:15px;
                color: #FFFFFF;
                margin-left: 70%;
               margin-top:-317px;

div#包装器:

                   <?php echo $userposts;?>

div#container1: 添加帖子 添加图片

更新:

我通过替换 html 中 div 的位置来修复它

4

2 回答 2

1

好吧,如果您设置元素的高度,那么该元素将始终具有此高度。您可以通过添加 overflow:hidden 或 overflow:hide 来更改元素在溢出时的行为。但是据我了解,您真正想要的是设置最小高度。所以不是 height:300px 而是 min-height:300px 这将确保当包装器的内容超过 300px 时,包装器将与其内容一起增长。

于 2011-01-24T15:58:15.473 回答
1

您正在指定一个固定的高度,因此您的 div 当然不会增长并且内容会流出。不要设置高度。或者,如果您需要最小高度,请改为设置 minimum-height 属性。(但请注意,IE6 和更早版本会忽略此属性,因此您必须改为设置height 属性。)

于 2011-01-24T16:00:36.083 回答