Навигация с вкладками в JQuery, вызывающий проблемы с элементами ниже

Question

У меня была огромная головная боль, которая пыталась понять, почему поле комментариев facebook плавает так высоко под вкладками навигации с вкладками. Я пробовал несколько вариантов clearfix для плавающих элементов безрезультатно, я выяснил, что если вы удалите элементы jquery, он отлично работает ... но у меня возникли проблемы с точечным ответом

рабочая ссылка

http://smooth-media.co.uk/clients/4598185/

Большое спасибо заранее

Answer 1

Благодаря тому, как вы стилизованной страницу, которую вы добавили высоту в контейнер вкладок, но по-прежнему иметь содержание внутри него, так что это вызывая ошибку перекрытия, поскольку содержимое больше, чем высота.

Для быстрого исправления просто добавьте краю дна в контейнер #tabs и переместит facebook комментарии вниз:

#tabs { 
    height: 28px; 
    background-color: black; 
    border-bottom: 1px solid white; 
    margin-bottom: 100px; 
} 

EDIT

После снова глядя на свой код, что вы действительно нужно добавить цвет и цвет в список, а затем div #tabs

что-то вроде этого

#tabs ul { 
    height: 28px; 
    background-color: black; 
} 

Тогда ваш #tabs должен выглядеть следующим образом

#tabs{ 
    height: 150px; //Whatever size the whole section should be 
} 

Answer 2

Я хотел бы попробовать добавить clear:all к #tabs DIV:

#tabs 
{ 
    clear: both; 
    height: 28px; 
    background-color: #000; 
    border-bottom: 1px solid #fff; 
} 

Или вы можете попробовать добавить его в fb-comments класс:

div.fb-comments { 
    clear: both !important; 
}