有关display在IE、谷歌的兼容性问题
对所有的块元素都没有意义,块元素的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>