我想要一个具有动态宽度的3列布局。这是我的情况。
body元素内的3个div。
所有div的宽度都标记为auto，因此取决于div内的内容
div的宽度必须增加，以使其外部的body元素增加。
实际上，div内的内容大多具有占位符，这些占位符由数据库中的数据提供，并且占位符的长度会动态增加。
如果宽度增加，主体应附加水平滚动条。
我试过浮动元素，将它们显示为inline-block并具有overflow-x: scroll/hidden，但对我来说没有任何用处。我觉得我缺少某些东西或做错了。
请帮助。
最佳答案
您将要设置百分比宽度。因此，带有width:33%;和display:inline-block的3列就足够了。如果您的项目需要，position:relative;和/或overflow:hidden;可能适合在每列中包含元素。
请注意，3列有些挑剔，所以如果33％不够完美，请尝试使用小数33.333%，另一个常见的技巧是像.column:last-child{float:right}那样浮动最后一个榆木
希望这可以帮助！