css - 如何并排获得这两个div？

Question

我有两个没有嵌套的 div，一个在另一个下面。它们都在一个父 div 中，并且这个父 div 重复自身。所以本质上:

<div id='parent_div_1'>
  <div class='child_div_1'></div>
  <div class='child_div_2'></div>
</div>

<div id='parent_div_2'>
  <div class='child_div_1'></div>
  <div class='child_div_2'></div>
</div>

<div id='parent_div_3'>
  <div class='child_div_1'></div>
  <div class='child_div_2'></div>
</div>

我想让每对 child_div_1 和 child_div_2 彼此相邻。我该怎么做？

Answer 1

因为默认情况下 div 是 block元素 - 意味着它们将占据全部可用宽度，尝试使用 -

display:inline-block;

div 现在呈现为内联，即不会中断元素流，但仍将被视为 block 元素。

我发现这种技术比使用 float 更容易。

有关更多信息，请参阅本教程 - http://learnlayout.com/inline-block.html .我什至会推荐导致那篇文章的以前的文章。 (不，不是我写的)