0

これは非常に単純で解決しやすい問題であることはわかっていますが、プログラミングが初めてなのでわかりません。

デフォルトの高さ 300px を使用していますが、コンテンツが追加されるにつれて、コンテンツに合わせてラッパーが拡張されるのではなく、コンテンツがコンテンツからはみ出してしまいます。そして、このラッパーの右側に2番目のコンテナがあり、ラッパーがコンテンツに収まるように拡張される場合は、これもドラッグされます。どうすればこれを修正できますか?

ラッパー:

     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

固定の高さを指定しているため、もちろん div は成長せず、コンテンツが流出します。高さを設定しないでください。または、最小の高さが必要な場合は、代わりに minimum-height プロパティを設定します。(ただし、IE6 以前ではこのプロパティは無視されるため、代わりに height プロパティを設定する必要があります。)

于 2011-01-24T16:00:36.083 に答える
1

要素の高さを設定すると、この要素は常にこの高さになります。overflow:hidden または overflow:hide を追加することで、要素がオーバーフローしたときの動作を変更できます。ただし、私が理解している限り、実際に必要なのは最小の高さを設定することです。したがって、height:300px put min-height:300px の代わりに、これにより、ラッパーのコンテンツが 300px を超えると、ラッパーがそのコンテンツとともに成長することが保証されます。

于 2011-01-24T15:58:15.473 に答える