Позиция div чуть ниже нижней части браузера

Question

Самый простой способ разместить div прямо под другим div, который занимает всю высоту браузера?

Я пытаюсь настроить навигацию так, чтобы при нажатии на ссылку привязки (скажем, «О нас», «Свяжитесь с нами» и т. Д.) Она просто прокручивается до позиции этого якоря на странице.

Таким образом, по умолчанию страница по умолчанию занимает 100% экрана, О нас занимает второй 100% и т. Д.

Answer 1

Вначале jsfiddle.

Вы в основном делают все дивы абсолютным расположением, занимая весь экран

div { 
    position:absolute; 
    width:100%; 
    height:100%; 
} 

Затем, вы можете просто сделать каждый Див полный экран сверху с

#div1 { 
    top:100%; 
} 

И вы можете используйте 200%, 300% и т. д. для отдыха

Answer 2

Похоже, что вы ищете это http://jalxob.com/cool-kitten/

Вот полный список,

http://blog.teamtreehouse.com/open-source-jquery-plugins-for-building-single-page-website-layouts

Answer 3

Попробуйте это: http://jsfiddle.net/r8XqV/1/

display block 

означает ничего другого не ставить на одну строку. Кроме того,

clear:both 

средства убедитесь, что вы очищаете как DIV слева и DIV справа. Не требуется для этого случая, но если вы начнете плавать divs влево и вправо, это будет гарантировать, что ваш нижний div всегда будет находиться под ними.