Question

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

我使用的默认高度为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;

container1：

         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的位置来修复它

Answer 1

好吧，如果你设置一个元素的高度，那么这个元素将始终具有这个高度。您可以通过添加overflow：hidden或overflow：hide来更改溢出时元素的行为。但据我所知，你真正想要的是设置一个最小高度。因此代替高度：300px放入min-height：300px这将确保当包装器的内容超过300px时，包装器将与其内容一起增长。

Answer 2

你指定一个固定的高度，所以当然你的div不会增长，内容会流出来。别设定高度。或者，如果您需要最小高度，请改为设置minimum-height属性。（请注意，IE6及更早版本会忽略此属性，因此对于它们，您必须设置height property instead。）

关键包装问题

2 个答案: