有关display在IE谷歌的兼容性问题

Posted xianyao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了有关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>

以上是关于有关display在IE谷歌的兼容性问题的主要内容,如果未能解决你的问题,请参考以下文章

谷歌的 chrome 浏览器和 IE 浏览器的区别是啥?哪个好用

从 IE11 到谷歌的 GET 不起作用

js中IE和谷歌的常见兼容问题

浏览器兼容性问题,火狐可以,谷歌不可以

flex布局兼容IE10

flex布局兼容IE10