Как сделать сайдбар по всей высоте родителя?

251
14 июня 2018, 06:50

Как сделать блок "Соседние статьи" справа по всей высоте родительского блока? Раньше у родительского блока была задана height, но ее пришлось переделать в min-height из-за поломки верстки при использовании аккордиона.

Или может быть как-то можно пофиксить работу самого аккордиона при height: 100% (вместо min-height)?

Answer 1

Сверстать по-современному.

.content {display:flex;}
.sidebar, .article {height:auto;}

чтобы сайдбар был справа, или поместить его в коде после .arcticle, или задать ему flex-order больше чем у .article (> 0), или задать flex-order самому .article:

.article {
  order: -1;
  display: flex;
  flex-direction: column;
}

Ну и, конечно, выкинуть все лишние элементы.

READ ALSO
CSS3: repeating-linear-gradient

CSS3: repeating-linear-gradient

Я сделала следующий гардиент для фона:

330
Как при увеличении одного блока сделать так чтобы он не толкал другой блок

Как при увеличении одного блока сделать так чтобы он не толкал другой блок

Возможно ли сделать так, чтобы при увеличении одного блока он не толкал другой блок без использования position: absolute? Как видите я тут поставил...

227
Подключение less (выдает ошибку в браузере)

Подключение less (выдает ошибку в браузере)

Первый раз подключаю lessвсе работает, но в хроме ошибки выдает

203
Отправка данных с формы в формате JSON на сервер

Отправка данных с формы в формате JSON на сервер

надо отправить на сервер данные введенные в контактной формы на сайте, в формате JSON (на сервере CORS запрос разрешен) при отправке получаю Status...

216