Html 如何使两个总宽度为100%的div适合屏幕

这是

我想要两个并排的沙发，占据整个窗户的宽度。我在它们上面使用

display:inline block

，这样它们的行为水平

<div id="left" class="horizontal">hello</div>
<div id="right" class="horizontal">world</div>

---

它与显示有关：内联块，在项目之间添加少量像素。我也有这个问题

---

从[CSS技巧]（）

如果您不一定需要使用

内联块

，我建议使用

块

block

是

div

的

显示的默认值，因此您不必显式设置它。只需将
float
设置为
left
，您就不必“争夺内联块元素之间的空间”

例如：

.horizontal {
  float: left;
}

就个人而言，我不会使用
内联块
，而是使用
块
。将
位置：相对
和
浮动：左
添加到
。水平
中，它可以工作…可能重复Billy所说的是另一种方法，它不是对你问题的回答，它没有解释原因。没有一个解决方案是好的。正如我所记得的，我最终没有为div使用内联块。您可以将它们显示为块，使用绝对定位或使用某种前端网格系统（Bootstrap、Buffic、Brbon／Lead），我真的不明白为什么前端网格的膨胀是一个更好的解决方案。我不太喜欢它们，尤其是bootstrap，因为它将样式重新放回标记中，但它们是处理这类事情的一个选项，非常受欢迎。
.horizontal {
  float: left;
}