如何对齐 div 一行而不是垂直对齐

Question

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

1：div对齐

示例比文字更好，所以我有一个简单的 CSS 示例：http://jsfiddle.net/wmyxn7L8/当我添加第二个（相同的）div时，我如何强制，它会将其放置在第一个div的左侧，而不是第一个div的下方。这是我不希望它的方式：http://jsfiddle.net/dva4jgt1/（div 在前一个下面）。

2：每行最大 div 秒

当我添加例如 5 div s 时，我该如何设置，第 6 个将在其下方（如电子商店）。应在body的开头、中心或结尾添加新div。

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应该具有相对位置的样式。
覆盖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 移动到样式表中。 我只将 'id 放在div 中以提高相关性，您可以关闭它们或使用自己的句柄创建样式表的句柄并将 css 从内联移动到样式表。