標題說明它。我想,一個2列CSS佈局:CSS:以最小/最大寬度爲中心,左邊流暢,右邊固定,源排序佈局
- 居中 - 的主要內容是在頁面上居中
- 具有固定的(像素)右列寬度
- 具有流體左欄 - 用完所有可用空間減去右邊的列寬
- 是源下令 - 左邊的列內容來自於HTML源
- 允許的最小寬度右欄內容之前 - 在我的例子760px
- 允許最大寬度 - 10 24px在我的示例中
如果窗口大於最大寬度,內容將以最大值爲中心在頁面上。如果窗口小於最大寬度,內容會填充頁面的100%,除非它小於最小寬度,這會使水平滾動條出現。
我願意使用一些次要的javascript來處理不支持這些屬性的瀏覽器的最小/最大寬度(我在看你IE6),但我同樣願意讓那部分的佈局降級。
它簡單地用表格簡化。我仔細研究了數百個示例佈局,沒有任何事情可以完成我所要求的所有事情,儘管有幾個接近。這個問題似乎得到了一個流暢的左列和源代碼相同的風格。我發現了幾個固定的左/流體右(與我想要的相反)的正確源順序的例子,或流體左/右固定沒有源排序,但不是兩者。
我不在乎它是否使用浮動或負邊距,但我想避免絕對定位。
+---------------------------------------+
| |
| +---------------------------+-----+ |
| |fluid |fixed| |
| | | | |
| | | | |
| +---------------------------+-----+ |
| |
+---------------------------------------+
我們是什麼......代碼農民?你爲什麼不花幾分鐘時間搜索谷歌,嘗試一些例子,然後回過頭來問一些你無法工作的問題,而不是「請爲我做這件事」。 – John 2010-07-16 01:15:27
@John你不必粗魯。 – derekerdmann 2010-07-16 01:21:44
不要對此粗魯。但如果重點是學習,然後爲別人做,所以他們可以複製和粘貼不幫助他們。 – John 2010-07-16 01:26:08