如何将div排成一行而不是垂直？

Question

我需要使用<div>来解决CSS/HTML元素的一些问题。

1：div对齐

示例比单词更好，所以我有一个简单的CSS示例：http://jsfiddle.net/wmyxn7L8/ 当我添加第二个（相同的）div时，如何强制它，它将它放在第一个div的左边而不是第一个div下面。以下是我不希望它出现的情况：http://jsfiddle.net/dva4jgt1/（div位于前一个之下）。

2：每行最多div次

如何在我添加时设置，例如5 div，第6个将在其下（如电子商店）。应在div的开头，中间或末尾添加新的body。

Answer 1

这应该适合你。

.something {
     background-color: black;
     width: 200px;
     height: 120px;
     margin:4px 6px;
     float:left;
}
.something:nth-child(5){
     clear:left;
}

向左浮动.something将堆叠您在其旁边添加的下一个div。

nth-child（5）选择第5个div并使用clear left，这样其他元素就不会浮动到它旁边，迫使它们到达下一行。

Answer 2

第一个div应该具有相对位置的风格 overlay div应位于第一个div内，其位置绝对类似于

<div id="base" style="position: relative;">
     <div id="overlay" style="position: absolute; top: 0px; left: 0px;">
          The overlay text
     </div>
     The base Div
</div>

您可以将叠加层定位到品味，并将宽度和高度属性添加到css。您可以将CSS移动到样式表。我只在div中设置了相关性，你可以将它们关闭或使用你自己创建样式表的句柄并将css从内联移动到样式表。