div居中效果出现的问题和解决方法

时间：2016-11-15 20:02:36 阅读：198 评论：0 收藏：0 [点我收藏+]

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
  
        
        div {
            width: 500px;
            height: 300px;
            margin: -150px 0px 0px -250px;
            top: 50%;
            left: 50%;
            background-color: red;
            position: absolute;
        }
    </style>
</head>

<body>
    <div></div>
   
</body>

</html>

前面正确的编写方式

第一种样式是由于设置了相对定位引起的失效;

第二种情况:浏览窗口放大导致视觉失效

技术分享

div居中效果出现的问题和解决方法

标签：样式技术放大方式 char body 效果 set 居中

原文地址：http://www.cnblogs.com/cxhx/p/6066795.html

踩

(0)

评论一句话评论（0）