品字形佈局注意事項

品字型佈局如圖：

這種品字型佈局常見後臺管理系統，頭部是標題、導航部分，左側是操做選項，右側是顯示區域。

通常來講，這種佈局採用左側固定尺寸右側自適應的方式。由於，若是左右兩側都是固定寬度，當瀏覽器寬度小於該尺寸和時，則出現滾動條。將左側固定，右側根據瀏覽器寬度自適應，即右側不設置具體的width值，而只須要設置marlin進行偏移便可。

還有，右側既然自適應了，那右側div中的元素就不能寫大尺寸固定寬度了。好比右側div中有個p元素，你不能設置p元素寬度1000px，顯然當右側div寬度較小時，p元素會超過。