
css 兄弟元素宽度跟随最长元素等宽
在想要实现多个元素宽度跟随最长元素等宽时,可以使用 width: fit-content 属性。
在给兄弟元素的父元素设置 width: fit-content 后,兄弟元素的宽度将自动调整为其自身内容的宽度。但是,此时滚动条会出现在父元素上。
为了解决这个问题,可以在父元素外再套一层 div,并给该 div 设置 overflow-x: auto 属性。这样,滚动条就会出现在最外层的 div 上,而兄弟元素将跟随最长元素撑满父元素的宽度。
以下代码演示了这种实现方式:
Document
item1
item2
item3










