Html 是否有其他版本的「；包含：内容&引用；CSS属性？

我正在寻找

contain:content的alt旧浏览器兼容性的CSS属性。
有吗？或者至少有CSS技巧吗？
另一种方法是在html中使用数据属性，并将CSS应用于数据属性。


请参阅以下答案：
这取决于您使用的内容，但在某些情况下，您可以替换：

overflow: hidden

你会没事的

这是因为
contain:content
是
contain:layout paint
的缩写

它是
contain:paint
，它（至少在视觉上）产生的结果非常类似于
overflow:hidden

工作示例：


.outer{
位置：相对位置；
浮动：左；
右边距：12px；
宽度：100px；
高度：100px；
背景色：rgb（255,0,0）；
}
.外p{
位置：绝对位置；
排名：0；
右：0；
保证金：3倍；
填充：0；
颜色：rgb（255、255、255）；
字体大小：24px；
字体大小：粗体；
}
.外部-3{
包含：内容；
}
.外部-4{
溢出：隐藏；
}
.内部{
宽度：50px；
高度：50px；
背景色：rgb（255，255，0）；
}
.2，
.3，
.内部-4{
边缘顶部：75px；
}

一,

二,

三,

四,

请给出真实的例子来解释您的问题，您希望实现什么目标？这个问题并不能解释一切。这个新的css规则可以使任何元素包含其内容，这样它就不会显示在其边界之外，例如，如果你在它上面应用了模糊过滤器，它根本不会影响外部。问题是我不能使用它，因为并不是所有的浏览器支持itAlternative都是在html中使用数据属性，并将css应用于数据属性。