歡迎大家在這裡學習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的另一選擇內容就給大家介紹到這裡了。希望大家繼續關注我們的網站!
相關推薦:
divcss圖片替換的技巧