0

私の問題は、ネストされた div (「コンテンツ」) が実際のコンテンツ (この場合は私のフォーム) に従って高さを調整しないことです。したがって、前者の div は身長を調整しますが、後者の div はそれを行いません。どうすればこれを解決できますか?

HTML:

<div id='container'>
    <div class='content'>
        <form action="#" id="admin_form">
           <input type="text" class="input350" name="status" />
           <input type="text" class="input350" name="tlt" />
           <br>
           <input type="text" class="input350"  name="msg" />
           <input type="submit" class="input350" style="float:left;" value="Admin" />
        </form>
    </div>
</div>

CSS:

 #container
    {
        position: absolute;
        width: 900px;
        height: auto;
        border:solid 4px #1FC3D2;

    }

#container .content
    {
        position: relative;
        background-color: #EFEFEF;
        width: 898px;
        height:auto;
        border:solid 1px #000;
    }
4

2 に答える 2

3

フォームの最後の入力がフローティングされます。浮動要素は、親の高さを引き伸ばしません。

これをフォームの後に追加します:

<div style="clear:both;"></div>
于 2012-11-09T11:13:30.480 に答える
0

送信ボタンから削除float:leftし、この css を追加します

input[type="submit"]{
 display:block   
}

デモ

于 2012-11-09T11:55:46.697 に答える