CSS中固定寬度的控制非常重要,特別是在布局設計時。當需要讓一個元素保持固定的寬度,同時其他元素按比例自動調整時,會用到這個技術。
最常見的需要使用固定寬度CSS的場景是左右兩個div固定寬度,如下圖所示:
pre{
background-color:#f9f9f9;
border:1px solid #ddd;
border-radius:10px;
padding:10px;
}這里,我們使用float屬性將左右兩個div浮動在左側。同時,我們給第一個div設置了固定的寬度100px,第二個div設置了200px的固定寬度。
另外,我們還需要用到clear屬性,來使頁面正確地布局。這個屬性將清除浮動,防止其影響到后面的元素。
使用這種技術,可以輕松地實現在div固定寬度上的布局,同時保證其他元素按比例自動調整。它是CSS布局設計的一個基礎技巧,在實際的應用中非常重要。
上一篇html5css過渡效果
下一篇css左右比例1 2