我想有两列宽度为50%的列,并避免出现浮点数。所以我想用display:inline-block。
display:inline-block
当元素添加到99%的宽度(例如50%,49%,http://jsfiddle.net/XCDsu/2/)时,它将按预期工作。
当使用100%的宽度(例如50%,50%,http://jsfiddle.net/XCDsu/3/)时,第二列会中断到第二行。
这是为什么?
这是因为display:inline-block考虑到html中的空白。如果您删除之间的空白,则div可以正常使用。
div
<div id="col1">content</div><div id="col2">content</div>