Question

为什么两个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和其他博客，但没有一个有正确的解决方案。

Answer 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>

与两者之间的空间并排划分

1 个答案: