Не попадает внутрь блока

@SeeNoos · Регистрация: 16.04.2012

Author24 — интернет-сервис помощи студентам

Есть приблизительная структура

HTML5

<div class="catalog">
    <div class="title">
        
    </div>
    
    <div class="description">
        
    </div>
    
    <div class="slider">
     </div>
    
    <div class="nav">        
    </div>
    
    <div class="ololo">        
    </div>
</div>

Если в firebug высветить содержимое .catalog, то выделяется все до блока .nav. .nav и .ololo как бы не внутри .catalog. position не прописан в css. Подскажите пожалуйста, из-за чего это может быть? Как сделать так, чтобы последние 2 блока определялись как дочерние элементы .catalog?

@aj17 · 11.08.2014, 11:54

такое может быть если где-то не закрыт div

@killlfun · 11.08.2014, 18:15

SeeNoos, мб у них имеется float, тогда они как будто будут проваливаются сквозь ваш блок, примените тогда блоку с классом catalog overflow:hidden;

@SeeNoos · 11.08.2014, 18:32 **[ТС]**

killlfun, верно. Все из-за float. Заменил float на display: inline-block; и все стало норм

@aj17 333 / 309 / 168 Регистрация: 02.06.2014 Сообщений: 1,130
	11.08.2014, 11:54	2
	такое может быть если где-то не закрыт div 0

@killlfun 102 / 102 / 39 Регистрация: 25.02.2014 Сообщений: 321
	11.08.2014, 18:15	3
	Сообщение было отмечено SeeNoos как решение Решение SeeNoos, мб у них имеется float, тогда они как будто будут проваливаются сквозь ваш блок, примените тогда блоку с классом catalog overflow:hidden; 1

@SeeNoos 1 / 1 / 0 Регистрация: 16.04.2012 Сообщений: 17
	11.08.2014, 18:32 [ТС]	4
	killlfun, верно. Все из-за float. Заменил float на display: inline-block; и все стало норм 0

Не попадает внутрь блока

Решение