1

メインの div があり、その中に別の div があり、その中に別の div があります。私がやろうとしているのは、最後のdivを両方の親の外に「浮かせる」ようにすることです。これは、メインのdivから突き出したいバッジです。これは私が望むようには機能しません。メインの div は展開されますが、背景色はそれらのピクセルをカバーしていません。その背後にある体の背景を見ることができます!

私のコードは次のとおりです。

#main {
    background-color: #000;
    outline: 1px solid #fff;
    width: 840px;
    padding: 20px 60px 20px 60px;
}

#nested1 { 
    width: 100%;
    position: relative;
    margin: 0px 0px 10px 0px;
    }

#nested2 {
    position: absolute;
    top: 100px;
    right: -80px;
    }
4

1 に答える 1

0

#main div は、それを伸ばすためのコンテンツが内部にない限り展開されないため、最初の問題のように聞こえます。(表示されている背景のビットは、#main div のパディングによるものです。)

#nested2 を #main に対して相対的に配置したい場合は、position: を #nested1 よりも #main に対して相対的に指定する方が適切です。

セットアップ全体 (HTML など) を確認しないと、これはちょっとした推測ゲームになります。ページ全体のコード、または jsFiddle のようなサイトにテスト ページを投稿できますか?

于 2013-05-10T01:06:40.707 に答える