是否有可能在HTML中創建對象「float」,例如「Ask Question」頁面上的「How to Format」邊欄?我想創建一個與用戶一起滾動的目錄。我該怎麼做?HTML中的浮動對象
回答
使用,你可以做到這一點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;
這是正確的。另外請注意,您必須對頁面的其餘部分進行樣式設置以考慮此塊,否則它將隱藏其他元素。我相信@Merijn DK知道這一點......但是如果OP不知道固定位置是什麼,他們可能不知道。 =) – bboysupaman
好你提到它;) –
你如何使它正確? – juniorRubyist
.float{position:absolute;left:10px;top:10px;}
將左側和頂部的值更改爲'漂浮'它多麼你想要的。
如果你想讓它與用戶,改變位置固定
滾動見我的演示here
設置的位置:固定如下:
.fixedInViewport {
position:fixed;
top:0px;
left:0px;
height:100px;
width:75px;
border:1px solid #DDD;
}
- 1. html對象不會浮動?
- 2. HTML background-size:封面浮動對象
- 3. 當浮動對象在展開時展開浮動對象
- 4. 訪問對象是浮動對象
- 5. 對象 - 浮動(數學)
- 6. 浮動對象有__getitem__
- 7. HTML:浮動浮動內部
- 8. HTML中的浮動按鈕
- 9. 轉換String對象,以浮動的Python
- 10. 浮動浮動中心或右對齊
- 11. 「廉政」對象和「浮動」對象不可調用的錯誤
- 12. HTML浮動問題
- 13. HTML - 浮動div中的中心標籤
- 14. 浮動對象不可調用
- 15. 「浮動」對象不可兌換
- 16. 熊貓 - 浮動對象有九
- 17. '浮動'對象沒有屬性'astype'
- 18. 浮動對象不可調用python
- 19. 「浮動」對象不是標化
- 20. HTML浮動div的問題
- 21. 爲什麼NumPy將對象轉換爲浮動對象?
- 22. IE6中的HTML浮動清除問題
- 23. html和css中的浮動菜單
- 24. 在HTML Canvas中移動旋轉對象
- 25. 在HTML頁面中移動swf對象
- 26. 如何在html中移動對象?
- 27. 中心對齊浮動div裏面的浮動容器
- 28. 在ExtJs TreePanel對象中的Css Div浮動問題
- 29. 統一浮動和Android平臺中的對象錯誤
- 30. 如何投放對象的ArrayList以便在處理中浮動
https://開頭developer.mozilla.org/en-US/docs/Web/CSS/position#Fixed_positioning – Quentin
此外,當你說「與用戶一起滾動」時,你的意思是目錄將保持在同一位置,而其餘部分頁面滾動? – bboysupaman
@bboysupaman是的,我願意。 – juniorRubyist