0

このウェブサイト: www.giftlab.com

上部の「送料無料」サークル (div id: floating-header-button) にはposition: absolute; top: 10px. その親 div ( headerContainer) にはスタイルがありますposition: relative; padding: 1px;

親 div ( headerContainer) のパディングが 1px から 0px に変更された場合、子 div ( floating-header-button) はページを約 20px 下にドロップします。これは何が原因ですか？パディングを 1 ピクセル変更すると、ポジショニングが 20 ピクセル変更されることはありますか?

パディングを増やすと、円は元の位置にとどまり、他のすべてが移動します (予想どおり)。

4

1 に答える 1

2

にパディングがない場合.headerContainer、サブ要素のマージンは (.logo具体的には)で折りたたまれ.headerContainer、コンテナー全体が であるマージンによって押し下げられます20px。

于 2013-11-07T14:58:48.593 に答える