2010-08-20 108 views
0

无论我尝试,浮动还是绝对位置,在调整大小时都会失败并更改位置。CSS:在调整大小的位置?

我尝试了一个正常的菜单和div元素,但是如果我调整我的浏览器它改变位置。

当我调整大小时,我想要的是它保持位置无关紧要,因此您必须向左滚动以查看浮动元素/定位元素。

如stackoverflow.com或Facebook,如果调整,并尝试移动浏览器边,你看,没有什么是移动和滚动变得更长浏览器获得较小..

入住这里: http://jsbin.com/ezaco4 然后调整它的大小并尝试将浏览器移动到右侧,您会看到它移动。

它可能是一个自然html,但我怎么才能得到我想要做的,所以它保持了位置?

回答

1

实现一个固定宽度的容器。你的例子是在body,所以它将调整到容器的宽度,在这个例子中是body。

<body> 
    <div style="width: 700px;"> 
     <ul style="float: right;"> 
      <li>item 1</li> 
     </ul> 
    </div> 
</body>