2016-07-02 2 views
2

タイトルはすべてそれを本当に言います。絶対位置、親の動的な高さのDivは消えます

div disappears after position: relative

私はこの答えをチェックしましたが、私が後だものを合わせていないようです。そして、ここでOPの問題は、彼は親DIVの高さを持っていないように思われる。私の唯一のことは、jQueryを介して動的に生成されていることです。それが問題だろうか?

ここjsbinです:

http://output.jsbin.com/widipat

私は位置属性をコメントアウトしました。

+0

関連するすべてのコードは、質問自体にする必要があります。私たちはあなたの問題の概要を知るために現場を出る必要はありません。質問は自己完結型であり、質問に実際に存在するもののサポートとしてデモを使用する必要があります – charlietfl

答えて

3

#banner(あなたのオレンジ色のバナー)にはコンテンツがありませんので、絶対に配置するときはページに表示するために幅と高さを指定する必要があります。それ以外の場合、サイズは0pxで0pxになり、表示されません。例えば

#banner { 
    background-color: #f98939; 
    height: 40px; 
    width: 100%; 
    position: absolute; 
    top: 0px; 
    left: 0px; 
} 
+0

それを固定した幅を与えてくれてありがとう!!しかし、絶対配置されていると、それはなぜサイズ変更されますか? –

+1

'position:absolute'は、通常のフローから要素を取り除きますが、通常のように親要素に基づいてサイズを変更しません。 –

関連する問題