"<div><img/></div>" 这段代码在chrome运行时,div的默认高度会是21px,为什么?

<!DOCTYPE html>
<html>
<body>
<p>下方的div的 height 为什么不是0? (会根据不同浏览器有不同的默认高度)</p>
<div><img/></div>
</body>
</html>

在添加了<!DOCTYPE html>才出现了默认高度。

阅读 2.5k
2 个回答

你自己也说了啊,不同浏览器有不同浏览器默认样式。
这也是为什么会有 normalize.css 这种东西存在,将不同浏览器的默认样式修改到同一起点去。
删了不一样也很正常,说明你的浏览器默认 Document Type Definition 和 html5 的样式不一样。

如果帮到你请 upvote 或采纳~

图片描述

来自这里的默认值

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题