Почему у этого div есть излишне большая вычисленная высота?

Question

Ссылка: http://www.fraynepainting.com/services

Проблема заключается в том, что DIV # dditem_2 (ДИВ с «Взгляните ...» текст) получает расчетную высоту около 500px без причины, что я могу найти в CSS, который подталкивает UL ниже его вниз действительно очень далеко.

я обнаружил, что если вы установите display: none или position: absolute (или что-нибудь еще, что удаляет его из потока элементов) на боковой панели, а затем нижний UL перемещается вверх, как положено, так что похоже, может быть, UL пытается очистите боковую панель, но я не могу понять, почему это было бы так.

Я воспроизвел проблему в Firefox и Chrome до сих пор. Есть идеи?

Answer 1

Это связано со следующим правилом в v2basic.1263412699.css:

.overwrap .button-bar:after,#content .item:after,#content .blogcomment:after 
{ 
    content:"."; 
    display:block;height:0;clear:both;visibility:hidden 
} 

Удалить content:"."; из этого правила или удалить класс item из #dditem_2. Не уверен, для чего он нужен, но это приводит к тому, что высота сходит с ума.

Answer 2

Это похоже на множество разделов. Вы пытались поставить границу: 1px сплошной красный вокруг divs, чтобы увидеть, где они могут касаться?