一尘不染

两个内联块,宽度为50%的元素环绕到第二行

html

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

当元素添加到99%的宽度(例如50%,49%,http://jsfiddle.net/XCDsu/2/)时,它将按预期工作。

当使用100%的宽度(例如50%,50%,http://jsfiddle.net/XCDsu/3/)时,第二列会中断到第二行。

这是为什么?


阅读 169

收藏
2020-05-10

共1个答案

一尘不染

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

<div id="col1">content</div><div id="col2">content</div>
2020-05-10