小编Bra*_*rts的帖子
为什么我的 div 和 Button 之间有间隙
有几天我尝试使用 CSS 进行定位和调整大小，但 div 元素和按钮元素之间存在间隙。
主要持有的 div 具有绿色背景，而包含的 div 的持有者具有粉红色背景。
因此，您可以看到充当标签和文本框支架的 div 之间以及充当按钮支架的放置在 div 内的按钮之间存在间隙
我还尝试包含 css 重置但没有成功，我还尝试放置一个全局选择器来重置填充边距和边框
* {
padding:0;
margin : 0
border-width: 0;
}
我真的想知道如何消除这些间隙，以完全控制我的持有者所占用的空间。无论如何，这是我非常简单的代码。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style>
.interactput {
background-color: green;
}
.interactput div {
display: inline-block;
overflow: hidden;
vertical-align: middle;
background-color: lightpink;
}
.interactput div button {
background-color: lightgoldenrodyellow;
}
</style>
</head>
<body>
<div id="AddessEditor" class="interactput">
<div>
<label>This is a label inside a div</label>
</div>
<div>
<input type="text" value="This is input …0
推荐指数
推荐指数
1
解决办法
解决办法
3192
查看次数
查看次数