Html 使用ul li div的CSS定位盒

JSFIDDLE下面的示例

我想做下面的CSS布局，目前我正在使用UL浮动的李左。问题是两个矩形不会停留在两侧。不知道如何定位底部的2个矩形

我试着把一个div包在UL里的中间，但是这不是正确的标记。 请问你能帮忙吗？如果可以的话，可能是一个JSFIDLE示例？ 谢谢

---

编辑：现在，框2和框3已就位，但框4和框5需要位于其下方。然后框6需要移动，7和8仍在底部请参见下面的小提琴和演示

小提琴：

演示：

---

请参见下面的小提琴和演示

小提琴：

演示：

桌子，多环芳烃

将包装器元素中的框2-5分组，则您的流将是：

1,2-5,6,7,8

只有在给定“行”内所有框的高度相同时，此操作才有效

希望这有帮助。

桌子，呸

将包装器元素中的框2-5分组，则您的流将是：

1,2-5,6,7,8

只有在给定“行”内所有框的高度相同时，此操作才有效

---

希望这能有所帮助。

我会将

与colspan和rowspan一起使用。我知道您可能不想将

用作布局元素，但这正是一个“表布局”。从您的图表中不清楚哪些元素是哪些元素。这两个长方形是你想要的两边的div吗？4个较小的是lis。。。你会想要不同数量的lis吗？如果你发布你的html，它也会帮助人们回答-也许是作为一个页面的链接？我会发布一些html。。我认为我应该制作DIV包装，并使它们成为相对的，并且将其中的任何内容作为绝对的权利？然后放弃整个ul li想法。现在，框2和框3已经就位，但框4和框5需要在它们下面。然后方框6需要移动accross，7和8保留在底部。我是否只创建单独的ULs？？？我将使用带有colspan和rowspan的

。我知道您可能不想将

用作布局元素，但这正是一个“表布局”。从您的图表中不清楚哪些元素是哪些元素。这两个长方形是你想要的两边的div吗？4个较小的是lis。。。你会想要不同数量的lis吗？如果你发布你的html，它也会帮助人们回答-也许是作为一个页面的链接？我会发布一些html。。我认为我应该制作DIV包装，并使它们成为相对的，并且将其中的任何内容作为绝对的权利？然后放弃整个ul li想法。现在，框2和框3已经就位，但框4和框5需要在它们下面。然后框6需要交叉移动，7和8保留在底部。我是否只创建单独的ULs？？？调整窗口大小时框8似乎移动？调整窗口大小时框8似乎移动？