Текст идет под заголовком в html / css

Question

Текст идет под заголовком в html / css

0

Я разрабатываю веб-сайт с использованием html и php. Я создал фиксированный заголовок для главной страницы со ссылками, которые ведут к разной части страницы с помощью внутренней ссылки. Но когда я делаю это, текст идет под заголовком, например: если я использую страницу about, когда я нажимаю ссылку on, она принимает меня к содержанию, но связанное слово (в данном случае) попадает под заголовок.

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

user3168567 20 март 2014, в 20:51

Источник

1

Если вы имеете в виду position:fixed тогда элемент будет выведен из потока, и, следовательно, другие элементы не будут знать, что он там, как таковой, поэтому вам нужно будет установить верхнее поле независимо от высоты заголовка для содержимого. или любой другой элемент, следующий за заголовком.
Nick R 20 март 2014, в 19:53
0

спасибо ..... проверим это ...
user3168567 20 март 2014, в 19:55

Теги:

html

css

1 ответ

Ещё вопросы

Если вы имеете в виду position:fixed тогда элемент будет выведен из потока, и, следовательно, другие элементы не будут знать, что он там, как таковой, поэтому вам нужно будет установить верхнее поле независимо от высоты заголовка для содержимого. или любой другой элемент, следующий за заголовком.

JohanVdR · Answer 1 · 2014-03-20T18-08-00.000Z

http://jsfiddle.net/5zNcQ/9/

Вы добавляете вертикальное пространство сверху, которое толкает основной контейнер вниз. Это пространство должно быть как минимум высоты фиксированного контейнера.

header {
    position: fixed;
    left: 0;
    top: 0;
    height: 100px;
    width: 100%;
    background: red;
}
header ul li {
    display: inline;
}
main {
    padding-top: 120px;
}
main p {
    margin: 20px 0 0 0;
}
main p:first-child {
    margin:0;
}