Verschachtelte div über die Grenze der Eltern Div ⇐ CSS

[Guest]

Ich habe eine DIV, die innerhalb eines anderen Divs verschachtelt ist. Die Eltern Div hat eine Grenze. Die verschachtelte Div entspricht der Gesamtgröße des übergeordneten Div. Der verschachtelte Div überlappt den Rand des übergeordneten Divs. Dies zum Laufen zu bringen, aber die verschachtelte Div "deckt" die Grenzen des Elternteils ab: < /p>





Border

:root {
--border-width: 16px;
--neg-border-width: calc(var(--border-width) * -1);;
}
.parent {
position: relative;
width: 360px;
height: 240px;
left: 10px;
top: 10px;
border: var(--border-width) dotted black;
}
.nested {
position: absolute;
top: var(--neg-border-width);
right: var(--neg-border-width);
bottom: var(--neg-border-width);
left: var(--neg-border-width);
background-color: lightblue;
}








< /code>
Ich habe versucht bleibt sichtbar? < /p>

Ich dachte Dies:

(Hier enthält die verschachtelte DIV eine Karte, und das übergeordnete Div hat einen gelben Hintergrund.) Sie können sehen, wie sich die Karte (die verschachtelte Div) unter der Grenze des Elternteils nicht erstreckt. > Hier ist, was ich nach mir nach bin:

Die Karte (das verschachtelte Div) erstreckt sich unter der Grenze des übergeordneten Divs auf "vollständig" die übergeordnete Div.