首页 >web前端 >css教程 >为什么调整大小时我的外部``不包含我的内部``?

为什么调整大小时我的外部``不包含我的内部``?

Susan Sarandon
Susan Sarandon原创
2024-12-18 00:11:09962浏览

Why Doesn't My Outer `` Contain My Inner `` When Resized?

为什么外部

这里没有完全包围内部

问题:

在提供的代码片段中,内部

的内容是不会阻止外部
;调整窗口大小时不会缩小。结果,内部

讨论:

问题的出现是因为外部

溢出了。被设置为具有固定宽度。默认情况下,块元素的宽度基于其父元素。然而,内部的
包含超出外层
宽度的内容,导致其溢出。

解决方案:

使外层

宽度小于外层
的宽度。围绕内部
,可以利用 inline-block 和 min-width:100% 的组合。通过设置外部
到 inline-block 时,它的宽度变得基于内容而不是基于父级。添加 min-width:100% 可确保外部
永远不会小于其内容的宽度。

更新的代码:

.demo {
  ...
  display:inline-block;
  min-width:100%;
}

此修改允许外部

根据其内容自动调整大小,防止内部
防止溢出。

以上是为什么调整大小时我的外部``不包含我的内部``?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn