Не устанавливается автоматическая высота?

Question

[svilkov87]

Всем привет!
Не посмотрите, почему не устанавливается heidht: auto у блока .theme_topic?

<div class="theme_topic">
 <div class="user_name_of_topic">
  <a href="#" class="thumbnail">
    <img src="http://placehold.it/70x70">
   </a>
  </div>
 <div class="text_of_topic"></div>
<div class="stuffs_of_topic"></div>
 </div>

.theme_topic{
	padding: 5px 10px;
	background: #fff;
	margin: 0 auto;
	width: 100%;
	position: relative;
	height: auto;
}
.user_name_of_topic{
	float: left;
	position: absolute;

}

https://jsfiddle.net/svilkov87/27d05tyL/
Спасибо.

Answer 1

[Вячеслав]

Потому что его дочерний блок (user_name_of_topic) выпадает из стандартного контекста (float, абсолютное позиционирование), а кроме него он не содержит ничего, у чего бы была высота.

Comments

[svilkov87]

а если мне нужен float для элемента?

[Вячеслав]

svilkov87: сделать у родительского блока (theme_topic) в css свойство overflow:hidden, например (если хотим автоматическую высоту); либо задать конкретную высоту.