我想定位一些相對絕對的東西,例如將其從文檔流中取出並調整其位置幾個像素。什麼是一個乾淨的方式來做到這一點?相對絕對定位?
Q
相對絕對定位?
2
A
回答
5
只需使用margin
的絕對定位的要素移位。
HTML:
<p>Lorem ipsum dolar sit amet.</p>
<p class="move">Lorem ipsum dolar sit amet.</p>
<p>Lorem ipsum dolar sit amet.</p>
CSS:
p.move { color:red; position:absolute; margin:5px 0 0 5px; }
2
您可以將相對定位的物品放在絕對定位的容器中,並使用頂部,左側,右側或底部將其移動到任何需要的位置。
-1
只有我能想到這樣做的方式是讓元素在文檔中風格的頁面加載,然後找到自己的位置,並改變了風格position:absolute
,設定編程基於它的原始位置top:
和left:
性能。
+0
絕對不能涉及JavaScript。或VBScript ;-) – Ryan 2011-05-28 01:53:56
0
這是你需要做的一個例子:
<div style="position: relative; width: 500px; height: 200px;">
<div style="position: absolute; left: 0; top: 0;">Upper Left</div>
<div style="position: absolute; right: 0; bottom: 0;">Lower Right</div>
</div>
相關問題
- 1. CSS定位 - 絕對/相對/?
- 2. 定位內絕對相對
- 3. CSS相對,絕對定位
- 4. 相對定位vs絕對
- 5. 絕對/相對定位
- 6. 絕對和相對定位
- 7. 絕對內相對定位?
- 8. 相對定位內的絕對定位?
- 9. 相對定位和絕對定位
- 10. CSS定位相對於固定/絕對
- 11. 絕對定位的圖像是相對於絕對定位父母的定位
- 12. 絕對定位DIV相對於(也絕對定位)父DIV的位置?
- 13. 表格的相對和絕對定位
- 14. 相對和絕對定位的問題
- 15. 相對定位和絕對座標?
- 16. 響應頁面絕對/相對定位
- 17. 絕對與相對的CSS定位
- 18. div定位:絕對,相對等
- 19. Z指數和相對/絕對定位
- 20. 絕對/相對定位佈局溢出
- 21. 相對和絕對定位混淆
- 22. 基本CSS定位(相對於絕對)
- 23. 絕對定位後的CSS相對
- 24. 相對div內的絕對定位firefox
- 25. CSS相對絕對位置
- 26. 相對的絕對位置
- 27. 解釋絕對初學者的相對和絕對定位?
- 28. css位置:相對vs位置:絕對
- 29. 絕對位置和相對位置
- 30. 相對定位的div裏面絕對定位圖像
呀,容器是什麼,我試圖避免。如果沒有其他選擇,那也沒關係。謝謝。 – Ryan 2011-05-28 01:53:35