css div邊框border的瀏覽器相容問題

1樓：從前有個

現在瀏覽器對於邊框的處理方式都是一樣的，都是在原有寬度的基礎上再加上邊框的寬度。一般來說，比較好的作法是div在設定寬度的時候減去border的寬度。當然這樣可能之前預設的整數寬度，例如200px，就會變成乙個類似於198px的數值，在觀感上讓人略有不爽。

所以對於ie8及以上版本的瀏覽器，可以使用box-sizing這個css3的樣式，設定屬性值為border-box，這樣就可以讓div的寬度等於內容+padding+border的寬度。具體的定義方法可以是下面這樣：

.box

這樣div的寬度就不會受到border、padding這些樣式的影響了~~不過ie6和7是不支援這個屬性的，使用的時候要留意~~

再補充一下，如果是希望寬度等於內容+padding+border的話，就可以這樣定義：box-sizing:content-box;

2樓：匿名使用者

設定寬度的div不加border，裡面再加一層div，然後給裡面的加border。

3樓：鄔克群

邊框是一共加了幾畫素，你就將邊框所對應的塊減去相對應的寬度就好了。這個是肯定相容的

4樓：匿名使用者

要是加border，應該是要減去對應的畫素，不然肯定會超出的。。

5樓：中亞盛世建站

根據盒模型，計算好每個元素的寬高。

6樓：卷陽炎

呵呵把需要設定border的div 設定以下css

box-sizing: border-box;

怎樣解決css在瀏覽器的相容問題？

請幫忙解決css樣式中瀏覽器相容性問題？

如何解決css和div樣式設計的網頁在ie瀏覽器和谷歌瀏覽器中相容

7樓：匿名使用者

你性別是不是用的這個，如果是的話這個再ie個谷歌編譯以後的寬度不一樣的，做這個就可以切換輸入法，然後用全形的空格，就對齊了

使用者名稱性　別

8樓：匿名使用者

一般來講，相容性問題在ie6下會比較明顯。你做網頁的時候，先寫符合谷歌瀏覽器的樣式。然後再寫相容ie的樣式。

寫法比較簡單，看到樣式有出入的地方加個 * 星號就是相容ie6的樣式。例如： *margin-left:

10px;

9樓：

text-align:justify(火狐);

text-justify:inter-ideograph(ie)

不知道這個有沒有用！

10樓：go以前現在將來

你在性別中間用空格符試試

11樓：城弦

margin:0;padding:0;ie預設2px的外邊框