好吧问答库 > 数量不定的内嵌div如何限制在一行上，外面的div自动根据内嵌div的总宽度显示滚动条

数量不定的内嵌div如何限制在一行上，外面的div自动根据内嵌div的总宽度显示滚动条

在一个横向长条型div中需要放置一组数量不定内嵌的div，每个内嵌div都是从数据库中获得的信息（包括图片和文字说明），内嵌div全部使用float：left。外面的div为808px宽，202px高；每个内嵌div为200px宽，200px高，当有5个内嵌div时，第五个div会自动被换行。我希望在外面div overflow:auto时出现的是横向的滚动条，内嵌的div都在一行上。但是如果内嵌div只有3个时，又不会显示滚动条。该怎么做呢？

2026年09月25日 07:58

有3个网友回答

网友（1）：

内嵌的div设置display: inline-block; 然后外面的div设置text-align: left; overflow-x: auto; white-wrap: nowrap;
当然，如果你不喜欢内层div之间的间距，就还需在外层div中加一句:text-indent: -6px; 当然这个“-6px” 需要你自己调，可大可小。

网友（2）：

滚动条只是当里面内容宽度超过你定的宽度大于的时候才会出现你可用一个大的div包住全部内嵌的div 把这个大div宽度大于808px 试试

网友（3）：