DIV水平滚动，内部有许多小DIV（无文字）
目的
我有一个固定高度和宽度的主DIV，因为我想让许多小型DIV自由浮动。我的小型DIV超出了主DIV的容量。然后，默认情况下，似乎是小DIV 在主DIV之外消失
了 。我希望它们反而消失在右边。
我想触发水平滚动条，但不触发垂直滚动条。
背景
我white-space:nowrap按照
如果我的主DIV中只有文本或图像，它会非常完美。
题
但是，当主DIV仅包含小型DIV时，该怎么办？
问题答案：
像这样，将较小的div包裹在宽度大于主div的第三个div中。假设我正确理解了您的问题，则不需要jquery。
<html>
<head>
<style type="text/css">
.div_1
{
height: 350px;
width: 350px;
margin: auto;
border: 1px black solid;
overflow-y: hidden;
overflow-x: scroll;
}
.div_3
{
float: left;
height: 350px;
width: 500px;
margin: auto;
border: 1px black solid;
overflow-y: hidden;
overflow-x: scroll;
}
.div_2
{
height: 100px;
width: 100px;
border: 1px solid #A2A2A2;
float: left;
}
</style>
</head>
<body>
<div class="div_1">
<div class="div_3">
<div class="div_2"></div>
<div class="div_2"></div>
<div class="div_2"></div>
<div class="div_2"></div>
<div class="div_2"></div>
<div class="div_2"></div>
<div class="div_2"></div>
<div class="div_2"></div>
<div class="div_2"></div>
<div class="div_2"></div>
<div class="div_2"></div>
<div class="div_2"></div>
</div>
</div>
</body>
</html>
-
问题内容： 我有一个部门想要显示图像，然后单击以在灯箱中打开它们。我将它们向左浮动并在线显示它们。设置overflow- x进行滚动，但是一旦行空间不足，它仍然会将图像放在下面。我想让它们内联，并在需要时显示水平滚动。 注意： 我无法更改内部图像的结构。它必须是锚点内的img。我的灯箱就这样要求它。 HTML： CSS： 我知道这是非常基本的，但是我做不到。不知道怎么了 问题答案： HTML中可能
-
我正在尝试创建一个动画，其中包含所有卡片的div从右到左滑动，这是我已经实现的。 问题是在div的末尾和重置时有一个巨大的白色空隙，我通过指定在时div应该已经翻译了来解决这个问题，但是这会在轮播重置时引起口吃。 有没有我可以把动画重置为0%而不会造成口吃的效果？代码在下面
-
我正在尝试创建一个动画，其中包含所有卡片的div从右到左滑动，这是我已经实现的。 问题是在div的末尾和重置时有一个巨大的白色空隙，我通过指定在时div应该已经翻译了来解决这个问题，但是这会在轮播重置时引起口吃。 有没有我可以把动画重置为0%而不会造成口吃的效果？代码在下面
-
我想要中心的div水平与一个选项滚动使用CSS。我怎样才能做到呢？我看到了一个解决方案使用边距自动和最大宽度，但div将被削减，所以我没有这样做。 null null
-
问题内容： 我一直在尝试滚动到div id jquery代码以正常工作。基于另一个堆栈溢出问题，我尝试了以下操作 但这没有用。它只是捕捉到div。我也试过 没有进展。 问题答案： 您需要设置动画
-
问题内容： 我正在使用Ajax请求创建聊天，并且试图使消息div滚动到底部没有太多运气。 我将所有内容包装在这个div中： 有没有一种方法可以使用JS将其默认滚动到底部？ 有没有一种方法可以在ajax请求后将其滚动到底部？ 问题答案： 这是我在网站上使用的内容：