替代CSS的框架？

我正在尋找一種方法來實現使用CSS或任何其他方法可以適應設計和實現的佈局。替代CSS的框架？

「頂部」部分是一個固定區域。「左」區域將是針對「主」區域的文本鏈接列表。更具體地說，配置文件鏈接列表將位於「左」區域，我希望關聯配置文件顯示在「主」區域。

我可以使用框架來實現，但由於它不是最好的方法，或者不被HTML5支持，所以我想要一些其他的選擇。有任何想法嗎？

2012-01-30 fresher

是的......你可以使用jquery和load（）函數，因爲我認爲你只使用HTML而不使用服務器端腳本。

2012-01-30 11:41:07 Mike

您可以通過在CSS中將一些元素設置爲position: fixed;來完成此操作。例如，製作頂部的div和側邊欄的div，在CSS中設置position: fixed;。你的主區域div只是一個普通的div，它會與正常的身體滾動。

這真的很簡單，適用於所有主流瀏覽器（不包括我認爲的某些移動瀏覽器）。

不需要jQuery或Javascript。你可以使用PHP包括你的主要區域。

更新您也可以製作具有固定尺寸的DIV並添加屬性overflow: scroll;得到相似的結果。

2012-01-30 11:44:52

+1雖然你可以「逐步提高」的JavaScript/jQuery的，這樣點擊左邊的URL在AJAX和加載頁面將其插入主區域。當然是 – 2012-01-30 12:08:48

。事實上，URL有SEO和可用性問題如果你不使用URL哈希值，並且使用URL哈希值可能對他來說太高了。 – 2012-01-30 13:38:41

你不需要框架，如果你不喜歡，你不需要任何重載或AJAX。把所有的HTML放在一個頁面上。把你的頭，側面和內容放在不同的div容器中。使用style.display =「none」或style.display =「」來引導從左側的哪個鏈接打開內容區域中的哪個div ...

或者，您可以使用AJAX獲取配置文件的內容。

我不知道，如果這個答案對你來說足夠好，因爲我不知道你的JavaScript知識。

2012-01-30 11:51:35 Nabor

這對性能很差，對於額外加載不可見內容的移動設備也不好。當然，這對於小頁面可以很好地工作。 – 2012-01-30 13:42:59

它是什麼？ AJAX部分或內聯部分？我寫了兩個選擇，並詢問了請求者的知識。 – Nabor 2012-01-30 13:43:59

把所有的HTML東西放在一個頁面，並使用'display：none;' – 2012-01-30 16:48:27

看一看這史蒂夫·桑德森博客文章：

2012-01-30 12:06:06 devdigital

+1偉大的鏈接。收藏成功！ – 2012-01-30 12:09:12

回答