昨晚（直到清晨）花几个小时解决此布局问题。我读了很多css3的技巧和窍门，但是我找不到能帮助我解决这个问题的方法。
见我的小提琴：
http://jsfiddle.net/aWsmb
底行：左侧需要有一个NAV，右侧需要有一个SUBCONTENT（经典）。出于某种原因，SUBCONTENT不想玩而且很好。它要么在NAV后面“射击”，要么就位于它的旁边，但是它没有使用所有可用的宽度，而是与页脚重叠。见小提琴。
这就是我想要的：
---------------------------------
| header |
---------------------------------
| main nav |
---------------------------------
| main section |
---------------------------------
| NAV | SUBCONTENT (full-widh) |
| | |
---------------------------------
| footer |
---------------------------------
然后是另外两个问题：
<div id='subnav'> = better to ASIDE for this?
<div id='association'> = better to use ARTICLE here?
最佳答案
除了浮动association div左，您可以脱掉浮动并给它一个margin-left侧面导航+您想要的填充大小。 EG：http://jsfiddle.net/aWsmb/15/。这样，它还将填写其父容器。否则，如果您确实使用浮点数，请在父项上使用overflow: auto以确保子项将其填写。
是的，如果您想表达语义，请将subnav放在一旁。不过，我不会太担心-具有语义布局很不错，但这不是您可以做的最糟糕的事情：p