2014-01-28 27 views
-3

是否有可能在HTML中創建對象「float」,例如「Ask Question」頁面上的「How to Format」邊欄?我想創建一個與用戶一起滾動的目錄。我該怎麼做?HTML中的浮動對象

+0

https://開頭developer.mozilla.org/en-US/docs/Web/CSS/position#Fixed_positioning – Quentin

+0

此外,當你說「與用戶一起滾動」時,你的意思是目錄將保持在同一位置,而其餘部分頁面滾動? – bboysupaman

+0

@bboysupaman是的,我願意。 – juniorRubyist

回答

1

使用,你可以做到這一點BIJ:

position: fixed; 
width: 100px; 
height: 50px; 
background: #fff; 

,如果你想按鈕右對齊使用此:

position: fixed; 
width: 100px; 
height: 50px; 
background: #fff; 
left: 0%; 

這裏一個的jsfiddle:http://jsfiddle.net/skunheal/M48EV/

這將創建一個flaoting在你屏幕左側的coprner屏幕上保留100 x 50 px的圖塊,並保留在頂部

剩餘:100%;保證金左:-100px;

+1

這是正確的。另外請注意,您必須對頁面的其餘部分進行樣式設置以考慮此塊,否則它將隱藏其他元素。我相信@Merijn DK知道這一點......但是如果OP不知道固定位置是什麼,他們可能不知道。 =) – bboysupaman

+0

好你提到它;) –

+0

你如何使它正確? – juniorRubyist

0
.float{position:absolute;left:10px;top:10px;} 

將左側和頂部的值更改爲'漂浮'它多麼你想要的。

如果你想讓它與用戶,改變位置固定

0

滾動見我的演示here

設置的位置:固定如下:

.fixedInViewport { 
    position:fixed; 
    top:0px; 
    left:0px; 
    height:100px; 
    width:75px; 
    border:1px solid #DDD; 
}