заголовок и панель навигации - css проблемы (пробелы)

Question

заголовок и панель навигации - css проблемы (пробелы)

0

У меня возникли проблемы с созданием моей ссылки <h1> title для моей страницы, чтобы заполнить весь <header> на моей веб-странице. Кажется, что есть пробел, и я не знаю, как это исправить.

Также, имея аналогичные проблемы с моей навигационной панелью, где она постоянно расширяется, когда я увеличиваю размер браузера.

Попробуйте вымыть над заголовком и панель навигации в этом JSFiddle, чтобы увидеть, что я имею в виду: http://jsfiddle.net/8qLkc/

Может кто-нибудь помочь мне решить, как это исправить.

user3281031 27 апр. 2014, в 21:47

Источник

0

Я сейчас работаю над Google Chrome
user3281031 27 апр. 2014, в 19:13

Теги:

html

css

1 ответ

Ещё вопросы

Joeytje50 · Accepted Answer · 2014-04-27T18-06-00.000Z

Просто используйте очень простой CSS-код:

header h1 {
    height:100%;
}

Это расширяет <h1> до полной высоты его родительского элемента, который в этом случае является <header>.

демонстрация

Чтобы устранить проблему при смене карты при изменении размера окна, используйте следующую команду:

nav {
    white-space:nowrap;
}
#mainContent {
    clear:both;
}

демонстрация

Это предотвращает свертывание навигационных ссылок, когда их текст превышает ширину их контейнера, и он гарантирует, что основной контент получит свое пространство, прежде чем он покажет плавающие элементы.

Спасибо! Есть ли у вас какие-либо советы по поводу панели навигации? Тег <nav> постоянно расширяется, когда я увеличиваю окно браузера до определенной точки. Я пытался избежать фиксации высоты в пикселях.