CSS: Margin-top, когда у родителя нет границы
Как вы можете видеть вэта картинкаЯу нас есть апельсинdiv
внутри зеленыйdiv
без верхней границы. Оранжевыйdiv
имеет30px
верхний край, но этотакже толкает зеленыйdiv
вниз. Конечно, добавление верхней границы решит проблему, но мне нужен зеленыйdiv
быть сверху без границ. Что я мог сделать?
.body {
border: 1px solid black;
border-top: none;
border-bottom: none;
width: 120px;
height: 112px;
background-color: lightgreen;
}
.body .container {
background-color: orange;
height: 50px;
width: 50%;
margin-top: 30px;
}
Top
Box
Bottom
Спасибо