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

250
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

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

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

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

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

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

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

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

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

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

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

215