Javascript 当显示器变小时，Div从外部Div弹出

我得到了以下代码：

html{ 身高：100%； } html，正文{ 最小高度：100%！重要； /*防止水平滚动*/ 最大宽度：100%！重要； 溢出-x：隐藏！重要； -webkit框大小：边框框； -moz框大小：边框框； 框大小：边框框； } 菜单按钮{ 浮动：左； 背景图片：url../images/hamburger_menu.png； 宽度：50px； 高度：40px； 右边距：5px； } 电源按钮盒{ 浮动：对； } 外接线盒{ 最小高度：100%； 高度：自动！重要； 身高：100%； } 头衔{ 背景：E95353； 填充：10px； 颜色：白色； 字号：x大号； } 外接线盒{ 宽度：100%； 身高：100%； } .导航一个小的{ 显示：块； } .导航{ 背景：E95353； } .导航a{ 边界半径：0px； 颜色：白色； } .nav药丸>李{ 文本对齐：居中； 填充：10px； 字体大小：大号； } .nav药丸>li.active{ 背景色：E95353；/*EF8686*/ 边框底部：5px纯白； 颜色：白色； } .nav pills>li.active>a、.nav pills>li.active>a:悬停， .nav药丸>li.active>a:focus{ 颜色：fff； } 这是标题 它是 只需添加显示：内联块；宽度：100%；添加到title元素

然后，高度将根据其内容进行调整，红色背景将保持不变

编辑

我不知道哪一个更干净，或者其中一个是否更好，但就像@Temani Afif所说的overflow:auto；也可以工作。

只需添加显示：内联块；宽度：100%；添加到title元素

然后，高度将根据其内容进行调整，红色背景将保持不变

编辑

我不知道哪一个更干净，或者其中一个是否更好，但就像@Temani Afif所说的overflow:auto；也会起作用。

看起来像是标题上的float issueoverflow:auto，像是标题上的float issueoverflow:auto更干净，或者如果其中一个更好->这不是关于更干净或更好，而是关于了解发生了什么以及如何解决问题；更干净或者如果其中一个更好->这不是关于更干净或更好，而是关于了解发生了什么以及如何解决问题；