我想创建类似以下
的页面布局############ ##### ##### #####
############ ##### ##### #####
############ ##### ##### #####
############
############ ##### ############
############ ##### ############
############ ##### ############
############
##### ############ ############
##### ############ ############
##### ############ ############
#####
##### ##### ############ #####
##### ##### ############ #####
##### ##### ############ #####
不是那种布局，这只是一个例子。这个想法是1x1瓷砖与1x2,2x1和2x2瓷砖混合，可以自由地混合和匹配我心脏的内容。 这意味着填补可用空间。
我可以用表格轻松完成。但后来却没有回应。我尝试使用float: left，但有一条规则：浮动的项目不会出现在先前浮动的项目的左侧。这意味着当我尝试创建上面的布局时，我会得到漏洞，如下所示：
############ ##### ##### #####
############ ##### ##### #####
############ ##### ##### #####
############
############ ##### ############
############ ##### ############
############ ##### ############
############
############
############
############
##### ############ #####
##### ############ #####
##### ############ #####
#####
##### ############ #####
##### ############ #####
##### ############ #####
做正如我想做的事情的正确，现代，反应灵敏的方式是什么？
答案 0 :(得分：0)
听起来你正在尝试做两件不同的事情。一，有流体柱。二，根据屏幕尺寸增加或减少列数。
您可以使用百分比或最小宽度/最大宽度而不是像素值来实现流体列。完成后，您可以添加媒体查询以根据查看器浏览器的大小更改布局。您可以在哪里设置断点。
答案 1 :(得分：0)
使用float：left，无法完成我想做的事情。但它可以使用JavaScript完成，并且已经有一个库，它易于集成，效果很好：