Question

enter image description here

我想知道为什么持有标签（左）和按钮（右）的所有2 div都与持有输入[type = text]的高度不同。我试图把高度= 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>

Answer 1

看看差异......中心div与其他2有什么不同？ <p>，段落通常默认填充/边距和/或不同的行高我认为

实际上是<p>填充容器，而不是div，如果你用其他按钮和带有<p>的标签包装它们看起来是一样的。

为什么左右的div不能像中心div一样填充完整的可用高度

1 个答案: