Я делаю некоторую работу для http://digitaleditor.com/, и я столкнулся с чем-то немного запутывающим.
Веб-страница имеет горизонтальную полосу прокрутки внизу, но я не могу понять, почему. Используя инструменты разработчика Google Chrome, я обнаружил, что на всей странице есть только 3 элемента, ширина которых превышает 960 пикселей. Первые два - html и body, второе - #hpages, однако второе имеет ширину всего 970 пикселей (html и body имеют ширину 1263 пикселя). Кроме того, существует очень очевидное правило CSS, растягивающее #hpages до 970 пикселей:
#hpages ul { width:970px; float:right; }
Я не могу найти такого правила растягивания элементов html или body. Я попытался запустить следующий скрипт, чтобы увидеть, есть ли какие-то элементы, которые я просто пропускаю, которые могут растягивать страницу:
javascript:widest=null;$("body *").each(function(){if(widest==null)widest=this;else if($(this).width()>$(widest).width())widest=this;});alert(widest.id);
Возвращено #hpages, что означает, что ни один элемент не имеет ширину более 970 пикселей в теле (даже если тело растянуто до 1263 пикселей).
Нет правил CSS, влияющих на ширину элемента body или ширину элемента html.
Честно говоря, я просто в растерянности относительно того, что растягивает страницу, и я не знаю, как это выяснить. На данный момент моим последним средством является систематическое удаление элементов со страницы, пока они не будут решены. Мне было интересно, если кто-нибудь знает лучший вариант.