css盒模型hack的另一選擇的技巧

我們為大家收集整理了關於css盒模型hack的另一選擇，以方便大家參考。css盒模型hack被用來解決IE6之前的浏覽器顯示問題，IE6.0之前的版本會把某元素的邊框值和填充值包含在寬度之內(而不是加在寬度值上)。例如，你可能會使用以下css來指定某個容器的尺寸：

#box

{

width: 100px;

border: 5px;

padding: 20px;

}

然後在html中應用：

...

盒的總寬度在幾乎所有浏覽器中為150像素(100像素寬度+兩條5像素的邊框+兩個20像素的填充)，唯獨在IE6之前版本的浏覽器中仍然為100像素(邊框值和填充值包含在寬度值中)，盒模型的hack正是為了解決這一問題，但是也會帶來麻煩。更簡單的辦法如下：

css:

#box

{

width: 150px;

}

#box div {

border: 5px;

padding: 20px;

}

html:

...

這樣一來在任何浏覽器中盒的總寬度都將是150像素。

希望大家可以學會css盒模型hack的另一選擇.想了解更多精彩內容，請關注我們的網站!

相關推薦：

css字體簡寫的方法