适合与css和html并排放置的盒子

Question

我有一个项目，我希望并排显示8个文章框。 它应该看起来像this 我目前只有第一个盒子，当我尝试添加其他盒子时，它们不会停留在同一个空间中，因为第一个盒子，我将如何实现这一目标？我想并排添加它们，就像它提供的图片一样。

Answer 1

我不是css专家，但你可以从那开始：

<div style='width:100%'>

<div style='float:left;width:25%'>content 1</div>

<div style='float:left;width:25%'>content 2</div>

<div style='float:left;width:25%'>content 3</div>

<div style='float:left;width:25%'>content 4</div>

</div>

将容器div除以25％ - 4次。