2010-08-20 143 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>