1. 程式人生 > >有關display在IE、谷歌的兼容性問題

有關display在IE、谷歌的兼容性問題

可能 round splay 默認 dde 做網頁 簡單 情況 style

對所有的塊元素都沒有意義,塊元素的dispaly屬性默認值為block,沒必要再顯式定義——除非你之前對塊元素的display屬性重新定義過。


多羅嗦一句:
display:block;比較常用於這兩個標簽——因為這兩個標簽非塊元素,如果不用display:block定義一下,那麽定義width、height等和長寬相關的css屬性時會發現完全不生效。你可以實際寫幾行簡單代碼感受一下。


是不是div裏就沒有必要寫display:block呢?通常情況下是沒有必要的。
常見的特殊情況:之前曾對div設置過display:hidden。

IE和谷歌瀏覽器在display的邊框顯示不一樣的解決辦法

做網頁的人可能都曾經遇到這個問題,廢話不多說,先看例子。

測試1:

<style>
.class2 {display:block; background-color:#e4f39e; width:150px; height:150px; border:10px solid green;}
</style>

<div class="class2">測試1</div>

有關display在IE、谷歌的兼容性問題