4

こんにちは、これが正しい方法かどうかはわかりませんが、前の div 要素の上に div タグを配置しようとしています。これが私が取り組んでいることです。

例

これを機能させるために使用したCSSは次のようになります

.page-frame {
background-color: #fff;
padding-top: 40px;
position: relative;
top: -35px;
}

そのため、上部の div 要素は希望どおりに見えますが、要素の下部は -35px に合わせて調整されていません。

ここに画像の説明を入力

要素の後に明確な div を追加しようとしましたが、それは役に立ちません。.page-frame div と次の div の間のスペースを削除するには、何を変更する必要がありますか?

4

2 に答える 2

5

を使用するとposition: relative、ページ内の要素の外観が変化するだけで、ページ上で要素が占める実際の「スペース」は変化しません。したがって、要素を35pxより高く表示するように視覚的な変更を行いましたが、他の要素がその周りにリフローすることはありません。おそらく、追加する必要があるのは、必要なmargin-bottom: -35px最終的な効果を得るために です。

編集:マージンのあるリフローを示すためのより良いフィドルの例を追加しました。

于 2012-04-06T23:45:08.347 に答える
2

position: absolute;の代わりに使用relative

于 2012-04-06T23:44:38.777 に答える