相关疑难解决方法(0)

可能重复:
display:inline和display:inline-block有什么区别？

在CSS中,display可以具有inline和的值inline-block.任何人都可以详细解释inline和之间的区别inline-block吗？

我到处搜索,最详细的解释告诉我inline-block被放置为inline,但表现得像block.但它没有解释究竟"表现为块"的含义.这有什么特别之处吗？

一个例子是更好的答案.谢谢.

我希望有几个块元素彼此相邻,它们采用完整的浏览器宽度.

有了white-space: nowrap它,它工作得很好,但在一个元素和另一个元素之间有一些像素的随机空间:

body { margin: 0; padding: 0; }
#container1 { white-space: nowrap; position: absolute; width: 100%; }
#container1 div { display: inline-block; width: 100%; height: 200px; }

<div id="container1">
    <div style="background: red;"></div>
    <div style="background: yellow;"></div>
    <div style="background: green;"></div>
    <div style="background: blue;"></div>
</div>

这是jsBin演示.

它没有填充,没有边距,没有边框,没有偏移.