使用Chrome进行调试HTML节点的时候, 为何在aside就有斜线,里面的div就没有斜线呢?

在进行Chrome 调试HTML的element的时候:

这里有上的<aside> 和下面的<div>
image.png

对应的是:
有斜线:
image.png

无斜线:
image.png

请问:
它们之间的区别是什么? 为何在aside就有斜线,里面的div就没有斜线呢?

阅读 3.7k
1 个回答

这说明 aside 元素的 style.display"flex",而里面的 div 并没有完全占据其主轴上的空间,这些在flex布局的主轴上、且没有被分配给子元素的空间,浏览器就以斜线表示。
当然这只是我的经验总结,官方或许有特定的术语来描述,懒得去翻了。

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