jquery - divをdivの一番下にとどめるCss

Question

私は以下のようないくつかのhtmlを持っています..

<div id="dynamicheight"></div>
<div id="one"></div>
<div id="two"></div>
<div id="target"></div>

HTMLの「dynamicheight」divがページロード時に動的に高さを取得し、「ターゲット」divが常に「dynamicheight」divの下部に留まるようにする場合（その高さに従って）

注：htmlに示すように、間にいくつかの他のdivがあります

私はcssの下でやろうとしています

#dynamicheight{
    position: relative;
}
#target{
    position: absolute;
    bottom: 0;
}

しかし、plzの回避策は機能していません........

score 2 · Accepted Answer

セレクターが正しくありません。dynamicheight クラスに適用しています。.に変更#

#dynamicheight{
    position: relative;
}
#target{
    position: absolute;
    bottom: 0;
}

score 1 · Accepted Answer

特定の ID を持つ要素の CSS を記述する場合は、.targetではなく#targetを記述する必要があります。

score 0 · Accepted Answer

このような

あなたはhtmlidで使用したか、css定義しましたclass

その場合は変更しcss remove classて書いてくださいid

html

<div id="dynamicheight"></div>
<div id="one"></div>
<div id="two"></div>
<div id="target"></div>

CSS

#dynamicheight{
    position: relative;
}
#target{
    position: absolute;
    bottom: 0;
}

5 に答える 5