對所有的塊元素都沒有意義,塊元素的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>