У меня есть этот простой пример в css и html, и я хочу, чтобы оба элемента div были b внутри родительского элемента. Во всех браузерах это прекрасно работает, но в Safari 10 так и происходит image . У второго ребенка выходит родитель.
<div className="tripsContent">
<div className="test" />
<div className="mainView-lifter" />
</div>
@media (max-width: ${(props) => props.theme.breakpoints[0]}px){
.tripsContent {
max-width: 600px;
width: 100%;
height: 100%;
.mainView-lifter{
height:100%;
border:solid yellow;
}
.test{
height:100%;
border:solid red;
}
}
}