Почему мой div выталкивается из контейнера div?

Question

Вот мой JSFiddle. (может потребоваться прокрутка прямо на выходе, чтобы увидеть мой недостающий элемент).

Кажется, проблема связана с тем, что мой дед logout выталкивается из контейнера div раньше. Раньше у меня была такая проблема, и я не уверен, что ее вызывает. Я попытался удалить каждый элемент headertitle и <ul>, но кажется, что он продолжает выталкиваться из того, что содержится в нем.

Что здесь происходит? Что мне не хватает?

Answer 1

Логарифм div выходит из контейнера div, потому что он плавает вправо, а float берет элемент из нормального потока документов. Вы можете заставить родителей содержать его, добавив overflow:auto

http://jsfiddle.net/7S8cu/2/

Этот вид макета, как правило, часто обрабатываются с использованием сетей в настоящее время, такие как Bootstrap или Foundation сетками, которые ухаживают основного кода макета для вас ,

Answer 2

Добавить CSS в object ul

ul li являются блок elementes и его принимают 100% ширины по умолчанию. Поэтому и необходимо установить ширину и всплывают на elememt

.objects ul{ 
    padding-top: 10px; 
    margin-left: 100px; 
    diplay:inline-block; 
    float:left; 

} 

Вот demo