將html設置爲相對位置

我很好奇工作位置：如何在html標記中使用相對位置。誰能解釋一下？它是相對於文檔對象或類似的東西嗎？將html設置爲相對位置

<footer class="footer"> 
    <div class="container"> 
     <p class="text-muted">Place sticky footer content here.</p> 
    </div> 
    </footer> 

html { 
    position: relative; 
    min-height: 100%; 
} 
body { 
    /* Margin bottom by footer height */ 
    margin-bottom: 60px; 
} 
.footer { 
    position: absolute; 
    bottom: 0; 
    width: 100%; 
    /* Set the fixed height of the footer here */ 
    height: 60px; 
    background-color: #f5f5f5; 
}

來源

2017-07-02 quimak

爲什麼你不想閱讀指南？這總是最好的選擇。 https://www.w3schools.com/css/css_positioning.asp –

[這裏]（http://www.barelyfitz.com/screencast/html-training/css/positioning/）是學習CSS定位的好教程 – Lal

本教程的第4點向我解釋了我想知道的很多 – quimak

此關鍵字勾畫出的所有元素，就好像元件未定位，並且然後調整元件的位置，而不改變佈局（並因此留下間隙對於其中它會一直有它沒有被定位在元件）。

來源

2017-07-02 15:38:44

具有position: relative;的元素相對於其正常位置定位。

設置相對定位元素的頂部屬性，右側屬性，底部屬性和左側屬性都會導致將其調整到遠離其正常位置的位置。其他內容將不會被調整以適應元素留下的任何空白。

來源：https://www.w3schools.com/css/css_positioning.asp

來源

2017-07-02 15:44:07

其實，如果你使用相對的HTML標籤位置將沒有任何意義。

position: relative;

定位孩子相對於其父母或其相鄰元素。

你可以試試position：相對於body來定位body相對於父html。

讓我知道如果您需要任何進一步的幫助

來源

2017-07-02 16:13:03

以及http://getbootstrap.com/examples/sticky-footer-navbar/中的示例，並且沒有位置：html標籤頁腳中的相對位置將無法正常工作。 @Lal發佈了很酷的指南。我在第4點找到了答案。你可以嘗試一下，用不同大小的瀏覽器玩一下你會看到不同之處。 – quimak

將html設置爲相對位置

回答

相關問題