安排div,以便在两者之间留有余量

时间:2010-09-18 09:17:44

标签: html css

在下面的html中,我想要第三个div,以便它与前两个相同,但中间间隔为100px。代码显示相邻的前两个div,这是我想要的,但第三个div显示在前两个下面。将前两个div的样式更改为浮动以外的其他内容会使页面的其余部分混乱。

有什么想法吗?

<div class="maintitle">

<div style="float: left;">
</div>
<div style="float: left;">
</div>
<div style="float: left; margin-left: 100px;">
</div>

</div>

1 个答案:

答案 0 :(得分:1)

将所有float: left;声明更改为display: inline-block;,您应该好好去。