並排排列HTML5/CSS排列

在修復此佈局問題時，請花費昨晚（至清晨）幾小時。我閱讀了大量css3技巧和竅門，但是我找不到能幫助我解決這個問題的東西。並排排列HTML5/CSS排列

底部，行：有需要在左邊一個NAV，並需要在右邊（經典）一個子內容。由於某些原因，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?

來源

2012-03-07 Roger

而不是浮動association div左，你可以取下浮動，並給它一個margin-left側導航的大小+無論你想要的填充。 EG：http://jsfiddle.net/aWsmb/15/。這樣它也會填寫它的父容器。否則，如果您確實使用浮動，請在父級上使用overflow: auto以確保子級填充它。

是的，如果你想成爲語義，請使用旁邊的subnav。我不會太擔心 - 雖然有語義佈局很好，但它不是你可以做的最糟糕的事情：p

來源

2012-03-07 12:27:03

thx！任何關於如何獲得這張桌子的想法也是全角（橙色）http://jsfiddle.net/aWsmb/18/？ – Roger 2012-03-07 14:01:32

只是給表'寬度：100％'：http://jsfiddle.net/aWsmb/19/ – 2012-03-08 04:00:33

是啊，試過了，我一開始沒有工作。但它現在。謝謝！ – Roger 2012-03-08 10:05:56

給float:right到次大陸DIV，你可以給予適當的右邊緣。也可以刪除次大陸div的min-height屬性以避免頁腳重疊。

來源

2012-03-07 12:26:20 Misam

並排排列HTML5/CSS排列

回答

相關問題