바닥 글을 설정하는 올바른 (산업 표준) 방법

Question

바닥 글 div를 만드는 적절한 방법은 무엇입니까? 나는 아래의 코드를 사용하여 바닥 글 div를 설정했으며, 바닥 글 div가 업계 표준의 현명한 코딩 방법을 알고 싶습니다. . 콘텐츠가 가득 찼을 때 화면 하단으로 갈 수 있도록 어떻게 꼬리말을 설정합니까?

html { 
    background:white; 
    height:100%; 
} 
#wrapper { 
    width:960px; 
    margin-right:auto; 
    margin-left:auto; 
} 
#header { 
    background:#000000; 
    min-height:30px; 
} 
#content { 
    background:orange; 
    min-height:500px; 
    padding:20px; 
} 
#footer { 
    clear:both; 
    background:black; 
    min-height:30px; 
    position:relative; 
} 

Answer 1

당신이 어떤 HTML 버전 이하 5를 사용하는 경우는, 다음이 정말 표준 아니고 무엇 : 여기

<div id="wrapper"> 
    <div id="header"></div> 
    <div id="content"></div> 
    <div id="footer"></div> 
</div> 

내 CSS입니다 : 여기

내 HTML입니다 비록 내가 항상 클래스를 사용하고 ID는 절대 사용하지 않지만 - but that's a different topic)

할 수있을 때마다해야하는 HTML5를 사용하는 경우 꼬리말 태그를 사용해야합니다.

HTML5를 사용하여, 여기 당신의 페이지 레이아웃을보다 표준 방법 : HTML5 레이아웃에

자세한 내용은 여기에서 확인할

<header><nav></nav></header> 
<main></main> 
<footer></footer> 

입니다

:

http://www.developer.com/lang/understanding-the-proper-way-to-lay-out-a-page-with-html5.html

https://www.smashingmagazine.com/2009/08/designing-a-html-5-layout-from-scratch/