css实现弹出窗体始终垂直水平居中

最新推荐文章于 2021-08-03 21:27:11 发布

转载最新推荐文章于 2021-08-03 21:27:11 发布 · 132 阅读

本文介绍了一种利用CSS fixed属性实现元素固定定位的方法，并提到此方法在现代浏览器中广泛适用，但在IE6中不受支持。文章通过具体示例展示了如何使元素在页面中固定位置。

 
   <!DOCTYPE html><
   html
   >
  
   <
   head
   >
  
   <
   meta 
    charset
   =
   " utf-8"
   >
  
   <
   meta 
    name
   =
   "author" 
    content
   =
   "http://www.softwhy.com/" 
    />
  
   <
   title
   >蚂蚁部落</
   title
   >
  
   <
   style 
    type
   =
   "text/css"
   >
  
   body{
  
   height:1000px;
  
   }
  
   .antzoen{
  
   position:fixed;
  
   width:250px;
  
   height:100px;
  
   background:#ececec;
  
   left:50%;
  
   top:50%;
  
   margin-left:-125px;
  
   margin-top:-50px
  
   }
  
   </
   style
   >
  
   </
   head
   >
  
   <
   body
   >
  
   <
   div 
    class
   =
   "antzoen"
   ></
   div
   >
  
   </
   body
   >
  
   </
   html
   >
  
可是这样的方法ie6不支持fixed属性。可是如今大多不再考虑ie6。所以尽能够放心使用。