經過一番終極搜尋，終於找到了滿意的解決方案：看罷，不禁替他拍案叫絕，這個思路真的是非常妙：
將乙個div的寬度設為100%，然後設定其margin-left為負值（比如-200px），這樣就將整個往左移動了一段距離，所以這個div裡邊的內容有一部分是看不到的。不過沒關係，接下來在這個div裡邊再嵌入乙個div，將其margin-left設為乙個與外層div的margin-left數值相等的正值（比如200px），然後，在這個div裡邊的內容就都能被使用者看到了。這樣，乙個始終距離右邊一段距離（比如200px）的div就出現了，也就是我們想要的自適應寬度的左欄。
接下來，將左欄的float設為left，再加乙個固定寬度（比如200px），float為left的右欄進來，這兩個div就併排地顯示在網頁上了。
既然左欄和右欄的float都為left，那麼底欄的clear設為both的話，就能始終停在高度最大的div（左欄或右欄）的下邊了。
固定右欄寬度, 左欄內容先出現同時自適應寬度的布局
left定義100 寬度並利用margin 0 0 0 200px把左邊整塊放在偏移入左邊200px處，再利用 innerleft的margin 0 0 0 200px再把內容撐出來，right只是簡單的浮動，innerright公尺多大作用，只是習慣性保留著，除了可以讓我們的控制更簡單點，還可以為...
實現側欄固定寬度，內容欄寬度自適應
常用側欄固定寬度，內容欄的寬度自適應，在不同的解析度下實現寬度自適應。下面是我根據工作實踐總結的一些實現方法的demo。方法一 固定寬度區浮動 float，自適應區寬度自適應設定 margin html結構 class content class slider href 導航1a li href 導...
左中右三欄網頁寬度自適應布局方法
三種方法 絕對定位 margin負值 自身浮動。簡潔實用，無相容問題。第一種 絕對定位 demo div標籤的順序隨意，在css裡都有位置設定，接下來的兩個方法對順序有要求。如果中間欄或內部元素設定了寬度，瀏覽器寬度過小的情況下會出現重疊。第二種 margin負值 demo 較難理解，有一定抗性 布...