2

css は、ブロックされていて、あははの瞬間がなかった場合を除いて、素晴らしいものです。

今日、相対的に配置された要素を含む親 divの高さを適切な高さにスケーリングするのに問題があります。これは、子がプロパティを使用しているためです。top

これで、相対的に配置された要素でどのようtopに機能するかがわかり、適切な高さの値が含まれていない理由がわかりました。

私が知りたいのは、 「パディングやマージンに切り替えることなく、この最上位のプロパティを親の高さに含める
ことは可能ですか?」ということです。

これが私のコードのフィドルです: http://cssdeck.com/labs/unfeydw0
または以下の簡単なコード:

html:

<div>
    <div class="relative">
    </div>
</div>

CSS:

.relative {
    position: relative;
    top: 42px;
    height: 40px;
    width: 100%;
    background: red;
}

ありがとうございました。

4

4 に答える 4

4

"top" を指定すると、親の高さに影響を与えることなく常にオブジェクトを移動します。つまり、高さに影響を与えたい場合は、マージンを持って移動する必要があります。

したがって、あなたの答えは「いいえ、不可能です」です。仕様は次のとおりです。 http://www.w3.org/TR/CSS2/visudet.html#Computing_heights_and_margins

于 2013-02-28T13:30:03.883 に答える
0

の後に空の要素を追加し、それをの位置.relativeの要素に設定することができます。height.relativetop

于 2013-02-28T13:32:28.783 に答える
0

jqueryで渡したい場合

var positionToTop = $(".relative").css("top");
$(".relative").parent().css({"top":positionToTop});

私はあなたのためにここにCSSDeck をフォークしました

于 2013-02-28T13:45:22.233 に答える