有关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>

猜你喜欢

转载自www.cnblogs.com/xianyao/p/12595328.html