div not wrapping

Question

Это более эффективный способ сделать это ... по какой-то причине я чувствую, что это старый способ сделать это.

У меня есть эта страница HERE(I'm re-creating a lynda.com webpage for a lesson) и обертка фактически не обтекает раздел id="trailInfo".

Для того, чтобы сделать это, я хотел бы добавить бр class="br_clear"/

Есть ли более правильный способ сделать это? Если я добавлю clear=both в раздел, это не сработает, я должен добавить его в br. Спасибо!

Answer 1

Обновите CSS с overflow:hidden собственности внутри вашего родительского DIV

#wrapper { 
    background-color: #FFFFFF; 
    margin: 0 auto; 
    overflow: hidden; 
    position: relative; 
    width: 960px; 
} 

Explanation About Clearing floats

Общая проблема с поплавком на основе макетов является то, что родительский DIV-х не хочет чтобы растянуть до ребенка, плавающего div's. Если вы добавите границу вокруг родительского div, вам придется командовать браузерами так или иначе, чтобы растянуть родительский div полностью.

Теперь увидеть проблему, как вы столкнулись: demo

его, потому что не ясно поплавки на это время.

Так Старого Решение этой проблемы clear:both;

, если вы будете добавлять дополнительные DIV после ребенка плавал элементов, как указано ниже коды это будет ясно поплавки:

<div class="parent"> 
    <div class="left-child"></div> 
    <div class="right-child"></div> 
    <div style="clear:both;"></div> 
</div> 

Новое решение - overflow:hidden; , если вы дадите overflow:hidden вашему parent div, это автоматически будет c lear все ребенок плавал элементы внутри родительский div.

увидеть новое демо решение: tinkerbin.com/WKqFS7Lc

Answer 2

Привет теперь дают в #wrapper overflow:hidden;

, как так

#wrapper{ 
overflow:hidden; 
} 

Demo

Answer 3

Добавить height: auto; в класс обертки.он работает

Answer 4

вам следует использовать переполнение: скрыто; свойство на вашей обертке.

#wrapper{ 
overflow:hidden; 
height:auto; 
}