0

Имеется меню навигации. Все элементы меню с float:left. Для того, чтобы блок под меню не "флоатился", самому меню прописываю overflow:hidden, но тогда обрезается подчеркивание у ссылок. Есть ли еще способы побороть это, кроме как добавление padding-bottom:2px (обычно задаю в em'ах, так как шрифт может меняться) для меню?

3 ответа 3

1

Хм, мне кажется, padding-bottom в px приемлемое решение. Линия, подчеркивающая текст, не зависит от размеров шрифта - так что вполне подходят пиксели.

1

white-space: nowrap контейнеру и тогда убрать overflow. Либо элементам display: inline-block.

2
  • Если будет nowrap то тогда пункты меню не будут вообще переноситься на другую строку, а пунктов может быть много и нужно как раз, чтобы они переносились. С display:inline-block та же история, что и с float:left.
    – DStereo
    29 июл 2011 в 8:09
  • Можно посмотреть код?
    – ling
    29 июл 2011 в 8:37
-1

Для того, чтобы блок под меню не "флоатился", самому меню прописываю overflow:hidden

Попробуйте для этого сделать clear:both - это убивает "флоатинг"

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.