Почему элементы ul не имеют высоты?

Question

Я пытаюсь выяснить, почему элементы ul на левой странице сайта на этом сайте имеют высоту ноль.

Я хотел бы добавить нижнее поле квложенная ул ...

Answer 1

Извините, это была простая ошибка в конце, элементы li были настроены на отображение inline.

Я переопределил это правило с помощью float:left; clear:left, в результате чего элементы ul не имели высоты.

Решение (вкратце): уберите плавающий атрибут из элементов li, которые у него есть

Answer 2

Старый вопрос, но он все еще актуален.

Я не вижу сайт, который был размещен, но у меня возникла проблема, когда ul был абсолютно позиционирован относительно элемента.Он предназначен для поиска по типу ввода для поля ввода, поэтому раскрывающийся список будет содержать список предложений, плавающих непосредственно под полем ввода.

Разметка выглядит примерно так:

<section>
    <input/>
    <ul>
        <li>foo</li>
        <li>foo</li>
        <li>foo</li>
    </ul>
</section>

input имеет position: relative и ul position: absolute.

Моя проблема заключалась в том, что я оставил правило bottom: 0px в своем CSS для ul, и был добавлен некоторый JavaScripttop: 32px до ul.Это привело к тому, что элемент ul поднялся на высоту 0px ...

Удаление правила bottom решило мою проблему.

Answer 3

Я не совсем уверен, что вы имеете в виду под нулевой высотой, но я видел, что в вашем theme.css есть следующие записи:

#leftCol ul, #rightCol ul {
  margin:0;
  padding:0;
}

Вы можете добавить отступы или отступы, чтобы получить интервал. Может быть, я неправильно понимаю.

Надеюсь, это немного поможет.