如何为子元素应用背景色，同时忽略隐藏部分？

如何为子元素应用背景色而忽略隐藏部分

你想要为父元素设置固定宽高，启用滚动条，并为子元素设置背景色。但是超出隐藏的部分没有背景色。

问题分析

一开始，你使用了块级元素，导致其具有固定的 width:100% 宽度。当内容超出父元素的宽度时，连续字母和数字会超出 son 元素的宽度。

解决方案

为解决此问题，可以使用以下解决方案：

调整子元素宽度：将 son 元素的 width 属性设置为 fit-content。这将允许其宽度根据内容调整，避免超出父元素的宽度。
启用文字折行：为 son 元素添加 word-break 属性，设置为 break-all 或 break-word。这将使文本在需要时折行，从而不会超出子元素的宽度。

这两种方法可以确保超出滚动的情况，同时为子元素应用背景色。

相关资源

以上就是如何为子元素应用背景色，同时忽略隐藏部分？的详细内容，更多请关注其它相关文章！