固定位置（標題）...需要更正所有後續部分的位置？

HTML5/CSS3
用於更好地理解編碼的問題，新手固定位置（標題）...需要更正所有後續部分的位置？

我固定我的portview的頂部頭。它工作完美，但從現在起我必須糾正所有以下部分/ div把它在屏幕上的位置，我想要它。
這種行爲對我來說很有意義，因爲位置：固定/絕對將該元素從流中取出。
但是... 有沒有辦法再次進入正常流程，這樣我就不需要告訴每個元素的位置：它的相對位置或絕對位置應該停留在哪裏？是否這是一個事實，只要我使用位置：固定/絕對，我必須更正以下所有內容/部分/ divs？
你如何處理這種情況？
這不是我的大問題，但它打擊了我的代碼，使之更ugly.If它是沒有必要的，我想aviod它...

來源

2017-05-28 Code-trix

您可以根據家長絕對定位位置相對。

<div style="position:relative;background:#ccc;width:400px;height:400px;"> 
    <div   style="position:absolute;left:80px;top:50px;width:200px;height:200px;background:#000 "> 

    </div> 
</div>

位置根據窗口頁面固定，元素固定在窗口的頁面。

<div style="position:fixed;left:200px;top:200px;background:#000;width:200px;height:200px;"> 
</div>

來源

2017-05-28 12:09:27

呵呵..我也嘗試了半天......但它是「點擊」我現在滿腦子......它的作品你沒有說出來的方式... thx .. bro ... :) –

問題是，我沒有一個相對的參考點（位置：相對），所以瀏覽器採取了rootelement（html），這是下一個可用的點。所以我失去了以下容器的所有空間（標題的高度）...結果我試圖通過給予**所有以下**容器來獲得控制權：屬性...這是錯誤的方式強迫他們進入正確的位置... –

你是浮動和高度的問題，可能這個鏈接是有幫助的： https://stackoverflow.com/questions/16568272/why-doesnt-the-height-of-a-容器元素的增加，如果-IT-包含浮動的-EL –

只需在另一個div中使用固定div併爲第二個使用屬性：overflow：hidden;

<div class="parent_fixed_div"> 
     <div class="fixed_div"> 

     </div> 
    </div>

CSS代碼：

.parent_fixed_div{ 
     overflow:hidden; 
    } 
    .fixed_div{ 
     position:fixed; 
    }

來源

2017-05-28 23:58:02 Amalia

固定位置（標題）...需要更正所有後續部分的位置？

回答

相關問題