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

268
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
CSS

CSS3: repeating-linear-gradient

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

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

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

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

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

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

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

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

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

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

 237