Css 如何完全包装任意元素？

如何使用

或

完全包装任意元素？我所说的“完全”是指我希望它的边界框完全包含里面的任何内容

在下面的示例中，我在

周围放置了一个

，但正如您从屏幕截图中看到的那样，

实际上位于

内部，并且没有完全包含它

如果我将

更改为

，那么它可以很好地包装

，但是

默认为100%宽度，并且内部元素不一定是全宽的，因此也不起作用

那么，我怎样才能紧密地包装任意元素呢

---

这里有一些代码。您必须使用DevTools来检查

.wrapper

跨度，以查看它们是否完全包含内容

.wrapper{
/*我可以在这里使用什么样式来包装任意元素？*/
}
.wideinput{
宽度：100%；
}

文本

显示：内联块

？@ceejayoz-Nope。这会更改

.wideinput

的宽度。听起来像我想要的，但连Chrome都不支持。@AlonEitan还更改了

wideinput

的宽度。任何

inline

似乎都会收缩

wideinput

，并且任何

块

都会过宽或中断流。我开始认为，如果实现了我所认为的功能，并且

getBoundingClientRect

能够与之配合使用，那么在实现之前没有任何解决方案。@mpen-您是否查看了

max width:max content？这就是讨论它的原因。似乎除了IE之外，其他所有东西都支持它，而且IE也有后备方案。