html中div最后一页最底,DIV+CSS:页脚永远保持在页面底部 - YangJunwei

html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

DIV+CSS:页脚永远保持在页面底部 _  海波吧 _ www.haibor8.cn  

/**/ <br /></p><p>* { <br /></p><p>margin: 0; <br /></p><p>padding: 0; <br /></p><p>} <br /></p><p>html, body { <br /></p><p>height: 100%; <br /></p><p>text-align: center; <br /></p><p>font: 12px/1.4 Verdana, sans-serif; <br /></p><p>background: #F00; <br /></p><p>} <br /></p><p>#wrapper { <br /></p><p>width: 770px; <br /></p><p>min-height: 100%; <br /></p><p>background: #ccc; <br /></p><p>margin: auto; <br /></p><p>text-align: left; <br /></p><p>} <br /></p><p>* html #wrapper { <br /></p><p>height: 100%; <br /></p><p>} <br /></p><p>#header { <br /></p><p>background: Green; <br /></p><p>height: 40px; <br /></p><p>} <br /></p><p>#sidebar { <br /></p><p>float: left; <br /></p><p>width: 200px; <br /></p><p>background: Gray; <br /></p><p>} <br /></p><p>#content-box { <br /></p><p>float: right; <br /></p><p>width: 570px; <br /></p><p>background: Olive; <br /></p><p>} <br /></p><p>#footer { <br /></p><p>height: 50px; <br /></p><p>background: Background; <br /></p><p>width:770px; <br /></p><p>margin: auto; <br /></p><p>} <br /></p><p>/**/ 

 

 

此处显示  "header" 的内容

 

此处显示  "content-box" 的内容

 

此处显示  i"sidebar" 的内容

 

 

此处显示   "footer" 的内容