Массивные пробелы в нижней части главной страницы WordPress
Главная страница моего блога WordPress содержит область контента с постами, отсортированными по трем столбцам с использованием столбцов CSS. Ниже это нижний колонтитул, см. «Конец». Ниже это огромное количество пустого пространства, которое я не могу понять. Когда я проверяю его, он не отображается как часть какого-либо элемента, но html-тег выделяется.
Смотрите это здесь: http://www.kailepley.org
Это происходит на последних Chrome и Safari, других браузерах, неизвестных до сих пор.
Я искал много разных исправлений, но пока ничего не получалось. Любая помощь будет принята с благодарностью, спасибо!
Решение
У вас есть элемент:
<span class="screen-reader-text">Search for:</span>
с помощью CSS:
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
и виновником является линия position: absolute !important;
Другие решения
Других решений пока нет …