Возникли проблемы с правильным расположением блоков в мобильной версии.
Хочу чтобы "sidebar" располагался ниже контенту но никак не получается.
--html--
...
<body>
<div class="sidebar">...</div>
<div class="content">...</div>
</body>
--CSS--
.sidebar { width: 30%; float: left; }
.content { width: 70%; float: left; }
@media (max-width: 400px) {
.sidebar { ...?}
.content { ...? }
}
Как правильно прописать в CSS чтобы "sidebar" располагался ниже контенту?
Хочу чтобы "sidebar" располагался ниже контенту но никак не получается.
--html--
...
<body>
<div class="sidebar">...</div>
<div class="content">...</div>
</body>
--CSS--
.sidebar { width: 30%; float: left; }
.content { width: 70%; float: left; }
@media (max-width: 400px) {
.sidebar { ...?}
.content { ...? }
}
Как правильно прописать в CSS чтобы "sidebar" располагался ниже контенту?