У меня есть 2 тестовых блока, у меня полноэкранный режим, он работает, но затем, как только я объявляю, он сжимается и не отображается в полноэкранном режиме.
Я пытаюсь сделать первый div полноэкранным, а затем прокрутить вниз до второго div, который также является размером экрана.
Я установил JSFiddle на странице http://jsfiddle.net/ZfmMv/
HTML-код:
<div id="home">
<ul>
<li><a href="#about">About</a></li>
</ul>
<h1>Home</h1>
</div>
<div id="about">
<h1>About</h1>
</div>
И CSS:
body {
margin: 0px;
}
#home {
float: left;
position: relative;
width: 100%;
height: 100%;
background: aqua;
}
#about {
float: left;
position: relative;
width: 100%;
height: 100%;
background: #ff0085;
}
Заранее спасибо за вашу помощь в этом.
0
AppleTattooGuy
8 Июл 2013 в 23:18
1 ответ
Лучший ответ
Похожие вопросы
Новые вопросы
html
HTML (язык гипертекстовой разметки) — это язык разметки для создания веб-страниц и другой информации, отображаемой в веб-браузере. Вопросы относительно HTML должны включать минимальный воспроизводимый пример и некоторое представление о том, чего вы пытаетесь достичь. Этот тег редко используется отдельно и часто в паре с [CSS] и [JavaScript].
margin:0;padding:0