2013-01-08 140 views
-1

說我有這樣的事情元素保持

#navbot {right:20px; 
     position:absolute; 
     top:50px} 

當用戶從向右移動瀏覽器的大小來走了,我怎麼能有一個元素住宿在移動瀏覽器時不會移動

+1

你問我*如何定位頁面初始渲染時瀏覽器窗口邊緣位置的元素?* – Quentin

回答

1

絕對定位使用定位父級來設置其原點。如果沒有定義,它使用BODY。

如果您有頁面的包裝,請將其設置爲position:relative,然後將navbot作爲包裝的子項。這樣,元素使用包裝器作爲其原點,而不是瀏覽器主體。

+0

謝謝!我與親戚的問題是在不同瀏覽器上的位置不同。 – gVidal

+0

給包裝一個固定的。 –

+0

謝謝我也試過,但是右邊的文字可能會滲入左邊的文字 – gVidal

1

嘗試position:fixed;而不是position:absolute; 我認爲它會工作的很好。

1

您應該考慮不要使用right來定位它,left。如果你有一個站點容器,考慮給它一個固定的寬度,然後#navbot相對於容器。

我的經驗是,每次它發生在我身上,這是一個糟糕的結構規劃。