如何固定 <div> 元素的高度？答案

【问题标题】：How to fix the height of a <div> element?如何固定 <div> 元素的高度？
【发布时间】：2023-03-18 17:06:01
【问题描述】：

我已经在样式表中定义了 div 的高度：

.topbar{
  width:100%;
  height:70px;
  background-color:#475;
}

但是一旦将文本输入到 div 中，div 的高度就会发生变化。

有什么想法吗？

【问题讨论】：

标签： css html

【解决方案1】：

将div改为显示块

.topbar{
    display:block;
    width:100%;
    height:70px;
    background-color:#475;
    overflow:scroll;
    }

我在这里做了一个jsfiddle示例，请检查

【讨论】：

【解决方案2】：

如果你想保持 DIV 的绝对高度，不管里面有多少文本，请使用以下内容：

overflow: hidden;

【讨论】：

【解决方案3】：

您还可以使用最小高度和最大高度。对我很有用

【讨论】：

【解决方案4】：

你可以试试 max-height: 70px;看看这是否有效。

【讨论】：

【解决方案5】：

我认为高度和溢出应该可以工作，比如高度 70px 或根据需要。并且溢出可以是这样的自动：

.topbar{
  width:100%;
  height:70px;
  background-color:#475;
  overflow: auto;
}

注意：滚动溢出将显示滚动条的区域，无论是可见还是不可见。

【讨论】：