具有动态高度的中心DIV
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了具有动态高度的中心DIV相关的知识,希望对你有一定的参考价值。
* { margin: 0; padding: 0; } #page{display:table;overflow:hidden;margin:0px auto;} * html #page{position:relative;}/*ie6*/ #content_container{display:table-cell;vertical-align: middle;} *:first-child+html #content_container{position:absolute;top:50%;}/*ie7*/ * html #content_container{position:absolute;top:50%;}/*ie6*/ *:first-child+html #content{position:relative;top:-50%;}/*ie7*/ * html #content{position:relative;top:-50%;}/*ie6*/ html,body{height:100%;} #page{height:100%;width:465px;} <div id="page"> <div id="content_container"> <div id="content"> <p>your content</p> </div> </div> </div>
以上是关于具有动态高度的中心DIV的主要内容,如果未能解决你的问题,请参考以下文章