我有 ASP:REPEATER(动态列表)，左侧有 float div，如下所示:
+---------------------+ +---------------------+ +---------------------+
| | | | | |
| | | | | |
| | | | +---------------------+
| | | | +---------------------+
+---------------------+ +---------------------+ | |
| |
| |
| |
+---------------------+
+---------------------+ +---------------------+ +---------------------+
| | | | | |
| | | | | |
| | | | | |
| | | | | |
+---------------------+ +---------------------+ +---------------------+
但是无论第三个 div 的高度如何，第四个 div 都应该出现在另一行中。问题是我有一个响应式设计，所以我不能给它一个特定的高度。它应该看起来像这样:
+---------------------+ +---------------------+ +---------------------+
| | | | | |
| | | | | |
| | | | +---------------------+
| | | |
+---------------------+ +---------------------+
+---------------------+ +---------------------+ +---------------------+
| | | | | |
| | | | | |
| | | | | |
| | | | | |
+---------------------+ +---------------------+ +---------------------+
+---------------------+
| |
| |
| |
| |
+---------------------+
这是每个 div 的类:
.wrapProducts
{
float: left; width: 30%;
margin: 0% 3% 5% 0%;
}
我该如何解决？
非常感谢!
最佳答案
您不能在这种情况下使用float，这是float 的正常行为。 Read this CSS-Tricks article for more infos. .您可以清除每隔三个元素，但您的布局将不再响应。
您只有两种响应式解决方案来实现您的列表布局:
您可以将表格布局与table、tr 和td 一起使用，也可以使用< strong>inline-block div 而不是 float div。
关于html - 在响应式设计中， float div 不会向左对齐，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26489045/