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

欢迎各位小伙伴来到golang学习网，相聚于此都是缘哈哈哈！今天我给大家带来《如何为子元素应用背景色，同时忽略隐藏部分？》，这篇文章主要讲到等等知识，如果你对文章相关的知识非常感兴趣或者正在自学，都可以关注我，我会持续更新相关文章！当然，有什么建议也欢迎在评论留言提出！一起学习！

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

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

问题分析

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

解决方案

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

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

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

相关资源

• fit-content - CSS | MDN
• fit-content « 张鑫旭-鑫空间-鑫生活

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~