当前位置:  开发笔记 > 前端 > 正文

当设置doctype时,为什么h1标签在div中显示不同?

如何解决《当设置doctype时,为什么h1标签在div中显示不同?》经验,为你挑选了1个好方法。

我有一个带div

标签的div,没有边距.如果我定义任何doctype,div上方会出现一个空格.

如果我删除

标签,或删除doctype定义,则没有空间(应该有.为什么?

示例HTML:




    


    

test

问题是绿色div上方的空间,移除DOCTYPE并且空间消失,将

标签更改为 ,空间也消失.它适用于任何doctype(XHTML/HTML,严格/过渡/等)

几乎在所有浏览器中都有用(使用http://browsershots.org).有趣的是,似乎唯一正确显示它的浏览器是Internet Explorer 6.0 ..



1> Phil Ross..:

根据CSS规范,绿色div上方的空间是正确的行为.这是因为h1的上边距与div的上边距相邻.

保持div内部h1边距的一种方法是为div添加边框:

#thediv{ background-color:green; border: 1px transparent solid; }

推荐阅读
Gbom2402851125
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有