Question

如何在这里删除两个水平空间之间的小空间。我试过保证金：0px;和填充：0px;在容器上，但它无法正常工作。

感谢任何帮助！

＆＃13;

<html>
<head>
	<title>IOTA Vs. Debt</title>
	<style>
		body {
			margin: 0;
			padding: 0;
		}
		#container {
			width: 100%;
			height: 500px;
			background-color: green;
			display: inline-block;
			margin: 0;
			padding: 0;
		}

		#first {
			width: 20%;
			height: 50px;
			display: inline-block;
			background-color: red;
		}
		#second {
			width: 20%;
			height: 50px;
			display: inline-block;
			background-color: yellow;
		}
	</style>
</head>
<body>
	<div id="container">
		<div id="first">
		</div>
		<div id="second">
		</div>
	</div>
</body>
</html>

＆＃13;

Answer 1

使用inline-block将在它们之间提供大约4px的间距。您需要提供保证金-4px来修复它。

因此，最好在它们上使用float:left。

如何消除两个水平div之间的空间？

1 个答案: