Проблема с min-height и column-width в Safari 10-

231

29 октября 2017, 18:46

Здравствуйте, возникла проблема с Safari версии ниже 10 (10.0.1 - включительно) Имеется выпадающий список, который, с помощью column-width, разделен на несколько колонок. Также имеется свойство min-height(его нужно оставить) для задания минимальной высоты блока со списком. Во всех браузерах кроме Safari 10- - список отображается верное (был баг на IE - Баг с CSS колонками в IE11) Быть может, кто-нибудь знает, как можно обойти данную проблему. Как я понимаю - проблема только в min-height.

.wrapper { 
  width: 600px; 
  column-width: 100px; 
  min-height: 70px; 
} 
 
.child { 
  display: block; 
}

<div class="wrapper"> 
  <a href="" class="child">123</a> 
  <a href="" class="child">123</a> 
  <a href="" class="child">123</a> 
  <a href="" class="child">123</a> 
  <a href="" class="child">123</a> 
  <a href="" class="child">123</a> 
  <a href="" class="child">123</a> 
  <a href="" class="child">123</a> 
  <a href="" class="child">123</a> 
  <a href="" class="child">123</a> 
  <a href="" class="child">123</a> 
  <a href="" class="child">123</a> 
  <a href="" class="child">123</a> 
  <a href="" class="child">123</a> 
  <a href="" class="child">123</a>   
  <a href="" class="child">123</a> 
  <a href="" class="child">123</a> 
  <a href="" class="child">123</a> 
  <a href="" class="child">123</a> 
  <a href="" class="child">123</a> 
  <a href="" class="child">123</a> 
</div>

Answer 1

Для старых браузеров добавьте свойство ширины колонки с префиксами:

-moz-column-width: 100px;
-webkit-column-width: 100px;

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Плавное изменение высоты блока

У меня у одного высота плавно не меняется? Как это исправить?

272

HTML

Правильность вывода формата JSON

Дорогие друзья, нужна ваша помощьИмеется массив array() с данными из базы данных

287

HTML

Работает ли include в Вижуал студио?

Подскажите, изучаю хтмл, счас пробую с include вставки делатьПишу в вижуал студио, а include не работает, или он только с локальным сервером будет...

389

HTML

Абсолютное позиционирование и @media

Добрый день! Столкнулся с проблемой абсолютного позиционирования для media запросов

275