我應該如何訂購我的div？

這是我正在處理的頁面的基本佈局：
alt text http://www.mfrl.org/images/pagelayout.png
什麼是最好/最簡單的方式來訂購divs？ C可能會或可能不會可見（這是一種只在有新聞時顯示的新聞提醒）。 A =標題，B =菜單，E & F =標準內容欄，D =最新博客文章。我在想ABCEFD可能最有意義，但我也可以看到ABCDEF。這兩種方法中的任何一種都應該相當容易地使用浮動來進行......有更好的方法嗎？也許把CEF放在「中間欄」div裏？我應該如何訂購我的div？

來源

2010-04-14 aslum

這可能是有用的http://www.dynamicdrive.com/style/layouts/category/C12/ – Enrique 2010-04-14 20:04:08

您可能需要更加接近ADBCFE。

請記住，向右側漂移的部門必須先出現，然後部門向左側漂浮，然後是主要部門之間的擴展部分。所以A顯然是第一位的。然後D將向右浮動，B將向左浮動。最好在中間使用一個單獨的分區，並將C置於頂部，然後將F浮動到右側，並將E浮動到左側，或者您希望這兩個分區在中間運行。

來源

2010-04-14 20:06:01 animuson

爲什麼正確的浮動div首先？ – aslum 2010-04-14 23:55:31

如果您將它們放在主內容之後，那麼該內容會將分部分解到下一行，並且它將浮動到內容下方的右側，而不是內容的頂部。 – animuson 2010-04-15 00:17:38

我會製作一個標題div = a和body div {b，c，d，e，f}。身體內部的div我會組{E，F}或{也許C，E，F}在一個div

但是那只是我的2美分

來源

2010-04-14 20:07:17 Flexo

有很多方法可以做到這一點。這是我會做的：

 
<div id="header"></div> 
    <div id="A"></div> 
</div> 
<div id="main"> 
    <div id="left"> 
     <div id="B"></div> 
    </div> 
    <div id="center"> 
     <div id="C"></div> 
     <div id="E"></div> 
     <div id="F"></div> 
    </div> 
    <div id="right"> 
     <div id="D"></div> 
    </div> 
</div>

來源

2010-04-14 20:31:57

考慮無障礙，當選擇什麼順序把你的div在文檔中。例如，屏幕閱讀器傾向於按照標記順序從頂部到底部閱讀，因此在頁面中較早放置內容（C，E，F，D？）可能會更好。

如果您無法制作可行的CSS佈局，並且您的內容按照這種方式排列，至少應考慮添加一個跳轉到內容的目標鏈接，以便使用屏幕閱讀器的用戶可以更有效地瀏覽您的網站，方法是跳過在您的網站上查看多個頁面時，（假定爲靜態）標題和菜單。

來源

2010-07-02 15:47:56

如果我可以的話，我會投票兩次....非常明智的答案。謝謝。 – aslum 2010-07-03 05:54:03

我應該如何訂購我的div？

回答

相關問題