У меня есть страница, предназначенная для навигации по страницам с вкладками. Верхние вкладки - это <li> в <ul>, вложенные в родительские блоки div и самый верхний блок заголовка. Заголовочный div состоит из трех дочерних div: logo, logo2 и menu. Div с логотипом настроен на то, чтобы плавать влево, а два других - вправо. Но между logo2 div и menu div есть нежелательное пространство (или разрыв). Я не хочу пробелов (или пробелов в один пиксель) между этими div. Вы можете увидеть рабочую скрипку здесь . Как я могу это решить?

Я получаю это

enter image description here

И я хочу это

enter image description here

1
Alfred 25 Авг 2011 в 18:58

2 ответа

Лучший ответ

Ваша скрипка показывает разрыв между logo и menu при изменении размера окна. Это то, что вы хотите?

Я думаю, это то, что вам нужно ...

Измените float на display:inline-block;

Пример: http://jsfiddle.net/jasongennaro/wVBxy/1/.

1
Jason Gennaro 25 Авг 2011 в 15:05

Попробуйте удалить float: right из элемента menu или установите для него значение float: left, в зависимости от того, как вы хотите, чтобы логотип2 отображался.

1
nafisto 25 Авг 2011 в 15:11