我对 div 有一个小问题，我想将它放在带有一些 input 标记的 form 旁边。当我在两者中都使用 display: inline-block 时，div 的位置比 form 的位置低一点。
我真的不知道为什么以及如何解决这个问题。我试图在互联网上找到答案，但失败了。
HTML:
<body>
<form class="row">
<input type="text">
<input type="text">
<input type="text">
</form>
<div class="row">
second column
</div>
</body>
CSS:
input {
display: block;
}
.row {
display: inline-block;
border: 1px solid black;
width: 48%;
height: 200px;
}
最佳答案
这种行为总是很奇怪，但可以通过 overflow: hidden; 解决
input {
display: block;
}
.row {
display: inline-block;
border: 1px solid black;
width: 48%;
height: 200px;
overflow: hidden;
}<body>
<form class="row">
<input type="text">
<input type="text">
<input type="text">
</form>
<div class="row">
second column
</div>
</body>关于html - div的位置放在FORM旁边，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45263935/