html - 使用 html & css 设计这样的布局

Question

我想使用 html 和 css 创建这样的布局以用于缩略图列表。

我想DIV用缩略图填充并从内容中排除其中的一部分DIV并用其他一些内容填充它；
可能吗？如何？

Answer 1

是的，使用浮动布局。您可以在第 7 个小 div 上使用float:left;CSS 中的所有内容。clear:left;请注意，您可能需要打开要将此 HTML 放入其中的 div。为了向后兼容，我在底部和上面使用了一个空的 div clear:left;。您可以考虑在右侧较大的 div 上使用背景图像来创建边框效果。