在css中height:auto与固定高度区别-css教程-PHP中文网

在css中height:auto与固定高度区别

P粉602998670

发布： 2025-10-17 10:08:02

原创

958人浏览过

height: auto 由内容决定高度，适合弹性布局；固定高度强制设定尺寸，需处理溢出。前者自适应内容变化，后者用于结构固定区域。

在css中height:auto与固定高度区别

在CSS中，height: auto 和 固定高度（如 height: 200px）最根本的区别在于元素高度如何被计算和表现。它们影响布局、内容适应性和响应式行为。

当设置 height: auto（默认值），元素的高度由其内容自动决定。

例如：

div {
  height: auto;
  padding: 20px;
}

登录后复制

这个 div 的总高度 = 内容高度 + 上下内边距，内容多就高，内容少就矮。

设置固定高度（如 height: 150px）时，元素高度被强制为指定值，不管内容多少。

稿定AI社区

在线AI创意灵感社区

例如：

div {
  height: 100px;
  overflow: hidden;
}

登录后复制

即使内容超出100px，也会被裁剪，不会自动撑开。

基本上就这些。根据内容是否可控、是否需要弹性布局来选择合适的方式。

以上就是在css中height:auto与固定高度区别的详细内容，更多请关注php中文网其它相关文章！

大家都在看：