CSS块级和行内属性如何影响布局显示规则？
- 内容介绍
- 文章标签
- 相关推荐
本文共计896个文字，预计阅读时间需要4分钟。
这是最直观的布局差异：
这种行为不是靠 CSS“加出来”的，而是浏览器在正常流（Normal Flow）中对元素的**默认 display 值**决定的：<div> 默认是 display: block，<span> 默认是 display: inline。你可以用开发者工具看 computed 样式验证这一点。
宽高和边距能否生效，取决于 display 类型
块级元素能自由设置 width、height、margin（四方向）、padding（四方向）——这些值都会真实影响布局。
本文共计896个文字，预计阅读时间需要4分钟。
这是最直观的布局差异：
这种行为不是靠 CSS“加出来”的，而是浏览器在正常流（Normal Flow）中对元素的**默认 display 值**决定的：<div> 默认是 display: block，<span> 默认是 display: inline。你可以用开发者工具看 computed 样式验证这一点。
宽高和边距能否生效，取决于 display 类型
块级元素能自由设置 width、height、margin（四方向）、padding（四方向）——这些值都会真实影响布局。