Question

我有两个相似的div，它们彼此相邻。但是我之间有空白区域，我无法删除？

我的html如下

<div class="model-box" style="background-color:red;display:inline-block;width:98px;height:30px;">   
</div>
<div class="model-box" style="background-color:red;display:inline-block;width:98px;height:30px;">   
</div>

下面的小提琴

http://jsfiddle.net/xJW7G/

为什么会这样？

先谢谢你的帮助？

Answer 1

这是因为div之间存在空白字符，你可以摆脱它，看看：http://jsfiddle.net/xJW7G/1/，或者将其评论出来，例如。

<div class="model-box" style="background-color:red;display:inline-block;width:98px;height:30px;">   
</div><!--
--><div class="model-box" style="background-color:red;display:inline-block;width:98px;height:30px;">   
</div>

Answer 2

Yuo可能希望使用float: left;代替display: inline;

<强> DEMO

Answer 3

将此css样式添加到第二个div

margin:0 0 0 -6px;

jsFiddle

Div显示内联块

3 个答案: