在什麼情況下比絕對定位更適合（反之亦然）？

Question

我正在設計一個網站，無法確定哪種類型的定位更好，相對或絕對。我知道在過去，當我使用絕對定位並試圖重新調整瀏覽器的大小時，它會拋棄我放置的任何位置。但是，如果我使用相對定位並想要改變某些東西，它似乎總是會拋棄頁面上的其他所有內容。

你是什麼專業人士在那裏使用？

Answer 1

讓一切靜態的（相對）默認情況下。當瀏覽器大小發生變化時，這可以讓事情調整一些。絕對定位（相對於整個網頁）往往會在窗口大小發生變化時使網頁停止正常工作。

然而一直使用在某些情況下的絕對位置是有用的。但是，相對於其他元素設置絕對元素 - 絕對不要使用相對於頁面的絕對定位。

絕對定位咱們你把別人的頂部某些元素，例如：

<div style="position: relative; width: 100px; height: 100px"> 
    <img src="" width="100" height="100"> 
    <div style="position: absolute; left: 0; top: 0">Some text on top</div> 
<div> 

在上面的例子中，瀏覽器定位絕對定位相對於一些股利。這是DOM層次結構中的第一個相對祖先。所以它會看到它上面的div，並將它定位在相對於該div的（0,0）處。因此，一個div放在另一個div的上面，這當然是相對於頁面的其餘部分放置的。

通常，當一個絕對元件放置以上，並且相對於另一個元件時，這將是在頂部。如果您需要調整其他元素前面的內容，則可以使用z-index css屬性。

Answer 2

1. 在一般情況下，最好是position:static
2. 如果你想要的元素留在相同的位置相對於窗口，最好是position:fixed
3. 如果你想要的元素留在同一位置相對於父元素而言，最好是position:absolute和position不同於父類的static。
4. 如果你想從文檔流中刪除元素，最好是position:absolute和position:fixed。
5. 如果你想/移動元素上下/右/左但你不希望影響周圍的元素，最好是position:relative
6. 如果你想/向下移動元素向上/向右/左邊，並且您想要影響周圍的元素，請使用邊距。
7. 如果一個元素與另一個元素重疊，並且您想查看第一個元素，最好的結果是position:relative與z-index。