html - 如何消除两个水平 div 之间的空间?

标签 html css

<分区>

如何删除此处两个水平空间之间的小空间。我试过 margin: 0px;和填充:0px;在容器上,但它不工作。

感谢任何帮助!

<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>

最佳答案

使用 inline-block 会给你大约 4px 的间距。你需要给 margin -4px 来修复它。

因此,最好对它们使用 float:left

关于html - 如何消除两个水平 div 之间的空间?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48083516/

上一篇:jquery - 使用 CSS(或 jQuery)放大图像而不移动页面上的其他所有内容

下一篇:css - 我使用的框阴影的颜色在 Microsoft Edge 或 IE 11 中未显示

相关文章:

html - 需要帮助在 <div> 中插入背景图片

javascript - 浏览器持久滚动位置

java - 使用 servlet 与使用 jsp 打印 HTML。他们的优势是什么?

javascript - 隐藏和显示动画jquery

html - 如何在 <button> 之后排列 <span> 内的文本

html - 我想通过变换方式在外部 div 中放置两个内联 block 垂直中心

jquery - 禁用的单选按钮仍然可以点击

jquery - 将 Apache Velocity(与 SparkJava)与加载的模板一起使用

javascript - 在 AngularJS 中编写待办事项列表时无法理解删除过程

html - 绝对定位的容器隐藏了超出屏幕高度的内容