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 个有何不同？,<p>段落通常默认有填充/边距和/或不同的行高我认为

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

于 2013-10-10T14:17:04.590 回答