Javascript 忽略CSS的滚动内容

在本例中，我如何确保：

.wrapper{
宽度：300px；
溢出：自动；
}
.内容{
背景：红色；
宽度：100%
}

adsfkasdöfjkaldjkaölsdfasödfjasdölfkajsdklöfajsdklöadjföklasdakdslfjasdölkfjasdlökfjasdkfajdsflköadsakl dsjaslköfjasdklfölfjasdklfj

在您的代码中，

.content

占其父级

.wrapper

的100%宽度，即300px。移除它

将

.content

设置为

display:inline block

可实现以下功能：

.wrapper{
宽度：300px；
溢出：自动；
}
.内容{
显示：内联块；
背景：红色；
}

adsfkasdöfjkaldjkaölsdfasödfjasdölfkajsdklöfajsdklöadjföklasdakdslfjasdölkfjasdlökfjasdkfajdsflköadsakl dsjaslköfjasdklfölfjasdklfj

只需将背景应用于包装而不是内容：

.wrapper{
宽度：300px；
溢出：自动；
背景：红色；
}
.内容{
宽度：100%
}

adsfkasdöfjkaldjkaölsdfasödfjasdölfkajsdklöfajsdklöadjföklasdakdslfjasdölkfjasdlökfjasdkfajdsflköadsakl dsjaslköfjasdklfölfjasdklfj

.content{…，width:-webkit-fit-content}