Я экспериментировал с CSS3 столбцов, и я заметил, есть верхний и нижний края добавил, несмотря на то что я явно поставил их на 0. Вот скриншот:с использованием колонок CSS3 оставляет нежелательную верхний и нижний край
Я выделил поля в желтом цвете. Красными прямоугольниками являются контуры элементов уровня блока, нарисованные из аддона Firefox Web Developer в Firefox.
Вот мой CSS:
.section .content {
-moz-column-count: 2;
-moz-column-gap: 26px;
margin: 0px;
padding: 0px;
}
Как я могу избавиться от краев?
редактировать
По просьбе прислал мой код jsbin. Он также показывает несоответствие между вершинами для двух столбцов. Поля не отображаются, когда я не использую столбцы.
Может быть, добавить скрипку? –
@ Майкл - Кажется, что он спустился. Сначала я получил «Внутреннюю ошибку сервера 500», но теперь iidrn.com подтверждает, что она не работает. – stevenvh
jsFiddle не работает, попробуйте этот http://jsbin.com/ ..... вы уверены, что этот запас не является нижним пределом от h1? Что произойдет, если вы удалите столбец css, вы все еще видите эту маржу? –