2012-04-04 2 views
0

При создании моего горизонтального меню с помощью <ul><li>....</li></ul> я столкнулся с несколькими поведением, которое я не совсем понял.
Создание горизонтального меню - inline vs inline-block, vs. floats?

  • уль Li {дисплей: встроенный;} Почему это до сих пор вызывает меню, чтобы быть вертикальной? Если я добавлю float: left, то он станет горизонтальным, но не должно быть достаточно, чтобы просто установить отображение в строку?
  • С другой стороны, просто: ul li {display: inline-block;} приводит к горизонтальному меню без необходимости использования float. Почему это? Кроме того, при создании горизонтальных меню, какой метод лучше? Или есть третий метод, который лучше, чем эти два?
+0

это трудно дать ответ без соответствующих CSS –

+0

элементов Inline, не может принимать отступы и поле, так что укладка будет ограниченный на дисплее: inline. –

+1

@ David Моя цель здесь - просто спросить более общие практики (не требуя больше css). В основном кипение: почему float: осталось, чтобы заставить его отображаться горизонтально при использовании дисплея: встроенный, но с использованием дисплея: встроенный блок не нужен float: слева, чтобы показать горизонтально? –

ответ

0

Inline - значение по умолчанию для отображения, оно просто помещает вещь в обычном порядке.

Для получения более подробной информации см. http://www.w3schools.com/cssref/pr_class_display.asp.

+0

попробуйте встроенный блок – RyanS

0

Я думаю, что поплавок обычно для раскрывающегося меню и встроенного блока только для меню 1 линии

Смежные вопросы