0

ここに画像の説明を入力

ラベル (左) とボタン (右) を保持するすべての 2 div が、入力 [type=text] を保持するものと同じ高さではない理由を知りたいです。スタイルに height=100% を入れてみたのですが、親に高さが無いのでうまくいきません...でもこれが原因なら...なぜ中央のものがそのスペースを埋めてしまうのでしょうか??? ?

これが私のコードです

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
<style>
    body {
        margin: 5px;
        background-color: lightcyan;
    }

     .interactput {
         background-color: green;
     }

    .interactput div {
        display: inline-block;
        background-color: lightpink;
    }
</style>
</head>
<body>
    <div id="AddessEditor" class="interactput">
        <div>
            <label>Entrez votre adresse de depart</label>
        </div>
        <div>
            <p><input type="text" value="Editor"/></p>
        </div>
        <div>
            <button>ok</button>
            <button>cancel</button>
            <button>other</button>
        </div>
    </div>
</body>
</html>
4

1 に答える 1

2

違いを見てください...中央のdivと他の2つのdivの違いは何ですか? 、<p>段落には通常、デフォルトでパディング/マージンがあり、または行の高さが異なると思います

他の<p>ボタンとラベルを でラップすると、<p>それらは同じように見えます。

于 2013-10-10T14:17:04.590 に答える