2013-03-29 17 views
1

у меня есть DIV, что парит налево и еще один, который плавает направо главный главный ДИВ, что в том числе плавающей DIV не достигает нижней части страницы и пример кода:CSS Плавающий DIV внутри другого DIV

<div style=" width: 900px; height:auto; margin:5px auto; background:#666; "> 
    <div style="float:left;"> 
    Some content! Some content! Some content! 
    </div> 
    <div style="float:right;"> 
    Some content! Some content! Some content! 
    </div> 
</div> 

что это проблема?

+0

высота не установлена, он установлен на авто. –

+0

dupe: http://stackoverflow.com/questions/2062258/floating-stuff-within-a-div-floats-outside-of-div-why – Ryan

ответ

6

Высота плавающих элементов не учитывается при вычислении высоты их родительского элемента. Вы должны изучить свойство CSS clear. В этом случае третий div с CSS clear: both поможет вам достичь желаемого результата.

Однако вы должны отступить и рассмотреть, что именно вы пытаетесь сделать. Если у вас есть только эти два div рядом друг с другом без каких-либо других элементов на этом уровне, возможно, вам не нужно плавать с обоими элементами.

+0

спасибо большое " Matyas Chomicki "и" jonesbp "для ответов >> – IMEzzat

+0

Спасибо за ваше время bro .. :) – IMEzzat

1

Контейнер div с плавающими элементами игнорирует высоту своих детей, если вы не применяете clearfix к контейнеру.

+0

Большое спасибо за ответ, он работает :) – IMEzzat

Смежные вопросы