Блог

Главная - Вопросы по программированию - Невидимый неупорядоченный список (и для него нет правил CSS)?

Невидимый неупорядоченный список (и для него нет правил CSS)?

#html #css

#HTML #css

Вопрос:

Эта страница:http://alexchen.info/brianfunshine/2011/04/suscipit-lobortis / имеет следующий вывод:

(Я использую Firefox 4.0)

                     <ul>
    <li><a href="#">Fred</a></li>
    <li><a href="#">Killin Brain Cells</a></li>
    <li><a href="#">Prodigal Son</a></li>

    <li><a href="#">The Cramper</a></li>
    <li><a href="#">3 Sheets To The Wind (Whatamp;#8217;s My Name)</a></li>
    <li><a href="#">My Oedipus Complex</a></li>
    <li><a href="#">Rollinamp;#8217; On The Island</a></li>
    <li><a href="#">Rain Check</a></li>

    <li><a href="#">Trippin With Dick Vitale</a></li>
    <li><a href="#">T.V. Dinner</a></li>
</ul>

У неупорядоченного списка нет никакого стиля, но он невидим!

эталонное изображение:

введите описание изображения здесь

В чем проблема?

Ответ №1:

Ваш div с классом .content-block-4 , который содержит список, имеет height: 309px и overflow: hidden , которые в сочетании скрывают любое содержимое в div, которое обычно отображается меньше 309 пикселей.

Самое простое, что можно сделать, это, вероятно, удалить height в этом div.

Ответ №2:

он заблокирован этим изображением с жирафом:

используйте firebug и удалите этот элемент, и вы поймете, что я имею в виду

 <a href="http://alexchen.info/brianfunshine/2011/04/suscipit-lobortis/" title="Permalink to Suscipit lobortis" rel="bookmark"><img width="308" height="277" src="http://alexchen.info/brianfunshine/wp-content/uploads/2011/04/03.png" class="attachment-large wp-post-image" alt="03" title="03"></a>

Ответ №3:

Div, в котором находится неупорядоченный список, имеет заданную высоту (309 пикселей), а значение ‘overflow’ равно ‘hidden’