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

77
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

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

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

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

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

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

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

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

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

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

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

62