Мне кажется, что я схожу с ума. Я пишу HTML и CSS для веб-страницы, и между двумя divs возникает разрыв, который я не могу уйти (или получить больше, если на то пошло). Я просматриваю его в Safari 7.0.1 и Chrome 32.0.1700.77. Подсказки ...«Неожиданный токен CSS: {« в Safari и необъяснимый разрыв между divs
При использовании инструментов dev для выделения элементов промежуток выделяется оранжевым цветом, что указывает на его разницу.
Согласно расчетным правилам CSS на стороне, поля установлены равными 0 для самого дальнего в div и его контейнере div, но разрыв остается.
Наконец, проверили консоль, и она сообщает «Неожиданный токен CSS: {» на двух последовательных линиях (95, 96).
В Chrome пространство остается, но сообщение об ошибке больше отсутствует.
Отклонить CSS через валидатор ... и не было никаких предупреждений или ошибок (кроме «неизвестных флагов поставщика»).
Пробовал размер шрифта: 0, удалив пробелы между элементами HTML и убедившись, что ничто уже не было встроенным (насколько я знаю).
Может ли быть скрытый/непечатаемый персонаж или что-то глупое?
Важный CSS здесь, остальное на jsfiddle.
#logo-banner-container {
width: 30%;
float: left;
}
#logo-banner {
width: 95%;
height: 430px;
margin-right: 0px;
font-size: 0;
background-color: rgba(250, 250, 250, 0.4);
}
img#logo {
width: 90%;
height: auto; /* Ensures proportional scaling of the image */
}
Примечание: Изображения были закомментирована или заменены. Никаких других изменений не было сделано
Разве это пробел, который вы пытаетесь избавиться от http://jsfiddle.net/j08691/dzq24/1/? – j08691
У вас есть ширина 95%, установленная на # logo-banner, вызывающая зазор – davidpauljunior
Просто попытался сделать img блоком (добавленный дисплей: блок), как предлагается здесь http://stackoverflow.com/questions/2953763/html-doctype- add-whitespace, безрезультатно – mbrauh