Как скрыть блок, если все дочерние элементы уже скрыты?

Question

[Ainur Shakirov]

Допустим имеем следующую разметку:

<style>
.hide_b{
display: none;
}

</style>


<div style=" width: 110px;"> 
<div style="display: none;"> Content </div>
<a class="hide_b"> .... </a>
</div>


<div style=" width: 110px;"> 
<div style="display: block;"> 
<a class="b"> .... </a>
</div>

Как определить что 1й див ничего не выводит? Нужно скрыть его, т.е применить "hide_b". Чтоб не кривил разметку.
Js(jquery?),css без особой разницы. Спасибо за помощь))

PS Еще забыл указать что ширина заданна жестко. И получается по середине страницы пустой блок занимает место.

Answer 1

[Андрей Федоров]

Если у вас родительский div имеет высоту auto, то она формируется исходя из размеров дочерних div. Соответственно если вы скроете все дочерние высота родительского div будет нулевой.
Если такой подход не устраивает - тогда только js.

Comments

[Ainur Shakirov]

высота 0, но еще забыл указать что ширина заданна жестко. И получается по середине страницы пустой блок занимает место.

[Андрей Федоров]

Ainur Shakirov: если нулевая высота, то его не видно. возможно у вас даны border/padding/margin для него.