当浏览器大小缩小时,Div继续换行



如何在浏览页面向左调整大小时阻止div在下面换行/移动?除了这个方框,页面上的其他东西都保持不变。我希望它不移动,并强制用户使用浏览器的左右滚动来查看它。

#signup_box {
    width: 363px;
    height: 392px;
    float: right;
    margin-right: -34px;
    min-width: 363px;
}

你在浮动它。它会包起来的。尝试手动定位,例如:

#signup_box {
    width: 363px;
    height: 392px;
    position:absolute;
    right:34px;
    top:0px;
    min-width: 363px;
}

您已经使用float: right;浮动div,因此它将根据需要调整其位置("float")。

你可以删除float来停止这种行为,并确保你的页面足够宽,以适应这个(和其他相关的)元素的宽度

试试overflow: scroll

不,有一个简单的方法可以做到这一点…它可以工作,但它是css3。但是你可以试试:

div {
white-space: nowrap;
}

如果它适合你,请回复!谢谢!顺便说一下,它只会工作,如果你把它放在所有元素或只是把它放在一个容器。这样,你就可以在不包含

的情况下使用float了

最新更新