CSS的包裹性

什么是包裹性？

包裹性就是父元素的宽度会收缩到和内部元素宽度一样。

哪些元素具有包裹性？

就我已知的有：absolute，fixed，float，inline-block，inline-flex，table-cell等等

应用场景？

个人认为，当遇到内部宽度不确定的时候，父元素又需要设置一个宽度，这时候包裹性就很有用处了，比如导航条里面，li宽度没有固定的时候，又希望ul的宽度和总宽度相同，这时候可以给ul设置inline-block等元素来解决