對所有元素製作一個帶有position: absolute
的網頁是好還是壞?絕對定位的html元素
回答
這完全取決於你試圖實現什麼。在某些情況下,絕對位置可能會導致不必要的重疊,此外還會從文檔流中提取特定元素,但在許多情況下,這可能是所需的效果並且可以考慮。
此外,使用相對定位的父元素內的絕對定位可以讓您將元素放置在相對於其父母約束的位置。請參閱這篇文章瞭解更多:http://css-tricks.com/absolute-positioning-inside-relative-positioning/
編輯:錯過了你打算爲每個元素做這個事實。這是設計一個網頁的一個非常糟糕的方式,除非你爲少數幾個元素做了這樣的事情,在這些元素中你的佈局不能用更傳統的方法來實現。問題是你需要爲每個元素設置頂部和左側座標 - 如果你決定移動一個元素或者改變它的大小,突然你必須改變你所有元素的位置。
問題是關於所有元素的絕對定位,而不僅僅是一些。 –
@PeterWooster:如果需要的話,設計可能適用於所有元素。這個問題很含糊,沒有提供具體細節。這並不是說這是一個代碼審查或UI審查網站,所以它最終只是脫離主題。 – David
爲了非常特定的目的,我經常在相對定位中使用絕對值,但是這樣做的批發使用會導致網站非常不靈活。 –
這是可怕的網頁設計,因爲沒有東西可以流動,你不會有機會使其響應。我已經在Dreamweaver中看到這樣的設計,並且它們不可能維護。如果內容發生變化,則需要完全重做設計。
一切都是爲了某個目的而制定的......沒有什麼比絕對的位置好或壞。這取決於個人需要使用相對或絕對位置。如果該人希望該元素相對於其他元素被定位,則使用相對位置。如果元素必須放置在與其他元素無關的位置,則使用絕對值。所以它完全取決於設計。
- 1. 無絕對定位的定位元素
- 2. 固定定位元素內的絕對定位元素
- 3. 定位的div位置:絕對元素
- 4. HTML絕對元素
- 5. 相對定位元素內絕對位置元素頁面
- 6. 哪個位置是絕對定位的元素,相對於其絕對定位的父元素?
- 7. 中心絕對定位的子元素
- 8. CSS中的絕對定位元素
- 9. 絕對定位元素的放置
- 10. 列中元素的絕對定位
- 11. ElementFromPoint爲絕對定位的元素?
- 12. 帶有絕對定位元素的Clearfix
- 13. 浮點內絕對定位的元素
- 14. 絕對定位元素的overflow屬性
- 15. Html絕對定位
- 16. css,相對定位元素內的絕對定位元素凌亂
- 17. HTML/CSS:元素的絕對定位<fieldset>
- 18. :之前僞元素絕對定位父
- 19. CSS:懸停在'絕對'定位元素
- 20. CSS絕對定位元素溢出
- 21. 無絕對地定位僞元素
- 22. 中心絕對定位僞元素
- 23. 居中絕對定位元素
- 24. 居中響應絕對定位元素
- 25. 絕對定位元素一圈
- 26. Iframe和絕對定位元素
- 27. 避免滾動絕對定位元素
- 28. 絕對覆蓋div元素不覆蓋相對定位元素
- 29. 如何使元素對絕對定位的元素有反應,好像它不是絕對定位
- 30. 絕對定位的元素出現在我的其他元素
取決於設計。一個直覺反應可能是它是一個「糟糕的設計」,但我們不知道設計。沒有任何具體的信息,這完全是主觀的。 – David
它沒有好處或壞處。現代瀏覽器忽略了這種渲染差異,當然它缺乏靈活性,只有在必要時才使用它。 – jikey