我应该如何订购我的 div？答案

【问题标题】：how should I order my divs?我应该如何订购我的 div？
【发布时间】：2010-07-02 23:47:56
【问题描述】：

这是我正在处理的页面的基本布局：
alt text http://www.mfrl.org/images/pagelayout.png
订购 div 的最佳/最简单方法是什么？ C 可能可见也可能不可见（这是一个仅在有新闻时才显示的新闻警报）。 A = 标题，B = 菜单，E&F = 标准内容列，D = 最新博客文章。我认为 ABCEFD 可能最有意义，但我也可以看到 ABCDEF。使用浮点数应该很容易做到这些中的任何一个......有更好的方法吗？也许将 CEF 放在“中间列”div 中？

【问题讨论】：

这可能有用dynamicdrive.com/style/layouts/category/C12

标签： css html css-float

【解决方案1】：

您可能需要做一些更接近 ADBCFE 的事情。

请记住，必须首先出现向右浮动的分区，然后是向左浮动的分区，然后是在它们之间展开的主分区。所以 A 显然是第一个。然后D会向右浮动，B会向左浮动。最好为中间使用单独的除法，然后将 C 放在顶部，然后 F 浮动到右侧，E 浮动到左侧，或者您希望这两个在中间解决。

【讨论】：

如果你把它们放在主要内容之后，那么该内容会将分割分解到下一行，它会浮动到内容的右下方而不是内容的顶部。

【解决方案2】：

在选择将 div 放入文档中的顺序时，请考虑可访问性。例如，屏幕阅读器倾向于按标记顺序从上到下阅读，因此将内容（C、E、F、D？）放在页面前面可能会更好。

如果您的内容无法以这种方式排列，那么您至少可以考虑添加一个指向内容的链接，以便使用屏幕阅读器的人通过跳过查看您网站上的多个页面时（可能是静态的）标题和菜单。

【讨论】：

【解决方案3】：

我会创建一个标题 div = a 和一个正文 div {b,c,d,e,f}。在主体 div 中，我会将 {e,f} 或 {c,e,f} 分组到一个 div 中

但这只是我的 2 美分

【讨论】：

【解决方案4】：

有很多方法可以做到这一点。这是我会做的：