CSS/JavaScript絕對與固定位置

我現在有一個問題，我似乎無法進入底部。CSS/JavaScript絕對與固定位置

比方說，我有這樣的代碼：

<div id="Father"> 
    <div style="position:absolute" id="Son"> 
    Some random content here.... 
    </div> 
</div>

有時候，我需要的兒子，全屏幕，所以我只適用於一些頂部：0;左：0;和寬度：100％;高度：100％;對它的價值觀，這是所有，因爲他不依賴於父。但有時候我想讓兒子留在父親身邊，而不是從頁面的最頂端開始，所以我只是申請一些位置：親戚;對父親，就是這樣。兒子「接地」;我的問題是，如果我嘗試使用$（「＃父」）。css（「位置」，「固定」）;讓兒子重新出現，似乎並不奏效。無論我給予什麼樣的指示，它都與父親相對。

P.S.我已經刷新了兒子的屏幕（block/none），我不希望這個改變發生在兒子站在屏幕上。

希望你能幫助我。

來源

2014-10-28 silver14_

'$（「＃Father」）。css（「position」，「」）; '？ – artm 2014-10-28 09:49:08

哦，我的上帝爲什麼我沒有想到這一點？太簡單了:)）非常感謝我的朋友 – 2014-10-28 09:54:47

孩子將被定位絕對參考第一個祖先與非static位置，或到<body>元素;

爲「免費」的，從它的祖先的制約因素，簡單地恢復它的靜態位置：

$('#father').css('position','static');

或者，如圖所示的評論，你可以使用一個空字符串或無效值，導致瀏覽器丟棄規則：

$('#father').css('position','');

來源

2014-10-28 09:55:59

CSS/JavaScript絕對與固定位置

回答

相關問題