两个内联块，宽度为50％的元素绕到第二行

小编典典

css

我希望有两列宽度为50％的列，并避免出现浮点数。所以我想用display:inline-block。

当元素添加到99％的宽度（例如50％，49％）时，它将按预期工作。

当使用100％的宽度（例如50％，50％）时，第二列会中断到第二行。

这是为什么？

阅读 350

2020-05-16

共1个答案

小编典典

这是因为要display:inline-block考虑html中的空白。如果您删除之间的空白，则div可以正常使用。

<div id="col1">content</div><div id="col2">content</div>

2020-05-16