Weird ширина проблема, когда размер экрана> размер контейнера

Question

Я создал веб-страницу, которая имеет две полосы в верхней части страницы (для навигации и обновлений твиттера). Как я это сделал, создавая два div для каждого бара, один div внутри другого. Причина этого заключается в том, что я хотел бы, чтобы панель масштабировалась по всей странице, но содержимое ограничивалось фиксированной шириной.

Теперь это нормально работает «нормально», однако, когда ширина экрана браузера меньше, чем ширина дочернего div, он переполняется вне родительского div.

У меня есть демо страницы здесь: http://tinyurl.com/7qj3pzs

EDIT: Я добавил мин шириной до родительского DIV, кажется, исправили проблему: D

Answer 1

На родительском DIV , вам необходимо установить следующий CSS:

#parentDiv { 
    overflow: hidden; 
} 

при условии, что это HTML:

<div id="parentDiv"> 
    <div id="childDiv"></div> 
</div> 

Я также заметил, что в разделе «диаграммы» вы добавляете кучу анимаций JQuery в очередь анимации. Это предотвратит анимацию от перегрузки очереди и анимации, даже после того, как мышь ушла, если цепь метода .stop() в анимацию, как так: «! Doh»

$('a').stop().animate();