width在各個瀏覽器下的計算方法

2021-07-06 00:12:34 字數 442 閱讀 3260

<?xml version="1.0" encoding="utf-8" ?>

心夢帆影心夢帆影心夢帆影心夢帆影心夢帆影

心夢帆影心夢帆影心夢帆影心夢帆影心夢帆影

心夢帆影心夢帆影心夢帆影心夢帆影心夢帆影

心夢帆影心夢帆影心夢帆影心夢帆影心夢帆影

測試結果是:
在firefox、opera、google、ie8、ie7這些瀏覽器中,寬度的計算公式是:

div的寬度 = width + padding + border + margin

在ie6的寬度計算是:

div的寬度 = width + margin

而border和padding,是占用了width的位置。

總結:要做到ie6極以上瀏覽器的div寬度一致,盡量不用padding和border屬性

overflow hidden在各個瀏覽器中的應用

首先看看w3c的解釋 它的值可能為值描述 visible 預設值。內容不會被修剪,會呈現在元素框之外。hidden 內容會被修剪,並且其餘內容是不可見的。scroll 內容會被修剪,但是瀏覽器會顯示滾動條以便檢視其餘的內容。auto 如果內容被修剪,則瀏覽器會顯示滾動條以便檢視其餘的內容。inher...

各個瀏覽器下css hack的寫法

下面是我收集有關於各瀏覽器下hack的寫法 1 firefox moz document url prefix 上面是僅僅被firefox瀏覽器識別的寫法,具體如 moz document url prefix 支援firefox的還有幾種寫法 支援所有firefox版本 selector id s...

各個瀏覽器的核心

二 gecko核心代表作品mozilla firefoxgecko是一套開放源 的 以c 編寫的網頁排版引擎。gecko是最流行的排版引擎之一,僅次於trident。使用它的最著名瀏覽器有firefox netscape6至9。三 webkit核心代表作品safari chromewebkit 是乙...