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

一曲冷凌霜 提交于 2019-12-02 16:14:21

对所有的块元素都没有意义,块元素的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>

转载于:https://www.cnblogs.com/xianyao/p/10847027.html

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!