无论我尝试,浮动还是绝对位置,在调整大小时都会失败并改变位置。
我尝试了普通菜单和div元素,但如果我在浏览器中调整大小,则会改变位置。
调整大小时我想要的是它保持位置无效,所以你必须向左滚动才能看到浮动元素/定位元素。
例如stackoverflow.com或facebook,如果您调整大小并尝试移动浏览器端,您会看到没有任何移动,并且滚动越长,浏览器越小......
点击此处: http://jsbin.com/ezaco4 然后调整它的大小并尝试将浏览器向右移动,你会看到它移动。
它可能是一个自然的HTML,但我怎么能得到我想做的事情,所以它保持这个位置?
答案 0 :(得分:1)
实施固定宽度的容器。您的示例位于body
中,因此它将调整为容器的宽度,在本例中为正文。
<body>
<div style="width: 700px;">
<ul style="float: right;">
<li>item 1</li>
</ul>
</div>
</body>