div并排，中间有空格答案

【问题标题】：divs side by side with space betweendiv并排，中间有空格
【发布时间】：2016-04-29 03:27:09
【问题描述】：

为什么要让两个 div 并排且彼此之间的空间很小？

我试过了

  <div style="height: 160px; width: 100%; box-sizing:border-box; display:table;">

            <div class="introwrapper" style="height:100%;    width:25%;display:table-cell;background: pink;box-sizing: border-box;">First      Div</div>
<div style="width:5%;">
 </div>
           <div class="introwrapper" style="height:100%; width:25%;display:table-cell; background: blue; box-sizing: border-box;">second div</div>

        </div>

但我无法在两者之间留出空格。它遍布 SO 和其他博客，但没有一个有正确的解决方案。

【问题讨论】：

在 div 样式上使用 float:left 来并排对齐；
我最终得到了 table、tr 和 tds。 Divs 并不总是那么容易。我正在努力在 div 上显示径向仪表，因此调整空间非常困难
但如果我找到一些好的解决方案，我很想回到 divs

标签： html asp.net

【解决方案1】：

您可能需要使用float:left 将两个 DIV 并排对齐

<div style="height: 160px; width: 100%; box-sizing:border-box; display:table;">
    <div class="introwrapper" style="float:left;margin-right:30px; height:100%;    width:25%;display:table-cell;background: pink;box-sizing: border-box;">First      Div</div>
    <div class="introwrapper" style="float:left;height:100%; width:25%;display:table-cell; background: blue; box-sizing: border-box;">second div</div>
    <br style="clear:left" />
</div>

【讨论】：