Css 如何保持文本大小不影响div高度？

我在一个网站上工作，禁用访问权限是主要要求之一。为此，我实现了一个Javascript字体大小增加/减少功能，效果非常好

但是，调整大小的文本所在的div元素会根据文本大小更改高度，而其他元素则保持不变。宽度不会更改，但将“高度”属性设置为100%不会产生任何差异。需要对CSS进行哪些更改以保持高度固定？所以页脚内容和内容元素背景保持不变

这是所有其他div嵌套在其中的容器元素：

#container{
  width:1000px;
  height:100%;
  background-color:#FEFFF1;
  margin: 0 auto;
  margin-top:5px;
  text-align: left;
  font-size:1.4em;  
  border: 1px dotted black;
  overflow:scroll;
}

这是content元素，页面唯一内容位于该元素中：

#content{
  float:left;
  margin-top: 223px;
  margin-left:250px;
  height:100%;
  width: 70%;
  overflow:auto;
  padding-bottom:120px;
  position:relative;
}

---

编辑将容器溢出值更改为滚动，该值原本应在该位置

只需指定一个固定的高度，而不是百分比。与

一样，只需指定一个固定的高度，而不是百分比。如

中所述，如果不允许容纳文本的容器随文本一起展开，那么让人们调整文本大小又有什么意义呢

请注意，文本大小不是“残疾人”的问题。这是每个人的问题。从好的方面来说，我们终于到了浏览器添加这项功能的时候了，这项功能比过去更可用、更可查找。因此，编写自己的基于JS的文本大小调整小部件已经不像以前那么重要了

---

为了回答您的具体问题，在CSS中，高度是指页面的高度（在外部级别）或嵌套在其中的任何容器。如果需要，如果内容溢出，它将超过所述高度，除非您提供了SCROLL或HIDDEN的溢出值，这同样会破坏字体大小调整的目的。你最好的办法是确保你的页面设计/布局能够处理不同的字体大小

如果不允许容纳文本的容器随文本一起展开，那么让人们调整文本大小又有什么意义呢

请注意，文本大小不是“残疾人”的问题。这是每个人的问题。从好的方面来说，我们终于到了浏览器添加这项功能的时候了，这项功能比过去更可用、更可查找。因此，编写自己的基于JS的文本大小调整小部件已经不像以前那么重要了

---

为了回答您的具体问题，在CSS中，高度是指页面的高度（在外部级别）或嵌套在其中的任何容器。如果需要，如果内容溢出，它将超过所述高度，除非您提供了SCROLL或HIDDEN的溢出值，这同样会破坏字体大小调整的目的。你最好的办法是确保你的页面设计/布局能够处理不同的字体大小

我的问题是希望文本展开/收缩，同时保持父容器的维度不变。在两次文本减少调用之后，容器元素在维度方面与原来大不相同。如果问题是它变得太短，请查看

minheight

属性。如果问题是它变得越来越高，那么没有一个简单的解决方法。我的问题是我希望文本在保持父容器的尺寸不变的情况下展开/收缩。在两次文本减少调用之后，容器元素在维度方面与原来大不相同。如果问题是它变得太短，请查看

minheight

属性。如果问题是它变得越来越高，那么就没有一个简单的解决方法。问题是每个浏览器窗口的高度都不一样。我可以用JS做点什么，但我更愿意只使用CSS。问题是每个浏览器窗口的高度都不一样。我可以用JS做一些事情，但更愿意只使用CSS