水平滚动容器内的浮动元素
如何在不为容器设置固定宽度的情况下阻止这些元素随浏览器窗口一起环绕？
<div id="container">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<style>
#container {
height: 300px;
}
#container > div {
width: 300px;
height: 300px;
float: left;
}
</style>
How can I stop these elements from wrapping with the browser window without setting a fixed width for the container?
<div id="container">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<style>
#container {
height: 300px;
}
#container > div {
width: 300px;
height: 300px;
float: left;
}
</style>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
如果您希望它水平滚动，则需要指定overflow-x：auto。我会尽快发布一个示例。
If you want it to scroll horizontally, you'll need to specify
overflow-x: auto. I'll post an example ASAP.