梦幻之旅

DEBUG - 天道酬勤

   :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  671 随笔 :: 6 文章 :: 256 评论 :: 0 Trackbacks

<style>
    body {padding: 0; margin: 0;}
    body,html{height: 100%;}
    #outer {height: 100%; overflow: hidden; position: relative;width: 100%; background:ivory;}
    #outer[id] {display: table; position: static;}
    #middle {position: absolute; top: 50%;} /* for explorer only*/
    #middle[id] {display: table-cell; vertical-align: middle; position: static;}
    #inner {position: relative; top: -50%;width: 400px;margin: 0 auto;} /* for explorer only */
    div.greenBorder {border: 1px solid green; background-color: ivory;}
</style>

<div id="outer">
  <div id="middle">
      <div id="inner" class="greenBorder">sdasdasdasdasdasd
      </div>
  </div>
</div>
思考:DIV水平垂直居中的新方法(不允许套table).

posted on 2008-01-29 16:13 HUIKK 阅读(1112) 评论(0)  编辑  收藏 所属分类: Html

只有注册用户登录后才能发表评论。


网站导航: