Вложенный дивинг, проходя через границу родительского дивизионного ⇐ CSS

[Anonymous]

У меня есть вложенная дивиация в другом дел. У родительского девта есть граница. Вложенное DIV соответствует общему размеру родительского дел. Вложенное диг перекрывает границу родительского дивизиона < /p>
Мне нужно, чтобы граница все еще была видимой. Получить это работать, но вложенная дивина «покрывает» границы родителей Div: < /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>
Я попытался установить z-index, screaming ... но безрезультатно. < /p>
Как я могу убедиться, что родительский диви остается видимым? , это:

(Здесь вложенное DIV содержит карту, а родительский Div имеет желтый фон.) Вы можете увидеть, как карта (вложенное DIV) не распространяется под границей родителей. < /p>
Вот что я после:

Карта (вложенная div) распространяется под границей родительского Div, чтобы «полностью» покрывать родительскую Div.

Подробнее здесь: https://stackoverflow.com/questions/794 ... parent-div