メインの 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;
}