当浏览器大小缩小时,Div会保持包装

时间:2011-09-26 17:52:14

标签: html css

当浏览调整到左侧时,如何阻止div包裹/移动到下方。除了这一个框之外,页面上的其他所有内容都保持不变我希望它不会移动并强制用户使用浏览器左右滚动来查看它。

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

4 个答案:

答案 0 :(得分:2)

你是漂浮它。它将包装。尝试手动定位,例如:

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

答案 1 :(得分:1)

您已使用float: right;浮动div,因此会根据需要调整其位置(“浮动”)。

您可以删除float以停止此行为,并确保您的网页足够宽以容纳此(以及其他相关)元素的宽度。

答案 2 :(得分:1)

尝试overflow: scroll

答案 3 :(得分:0)

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

div {
white-space: nowrap;
}

请回复是否适合你!谢谢!顺便说一句,只有将它放在所有元素中或者只是放在容器中才能工作。这样,您可以放入浮动而不包装