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

weixin_30433075

于 2016-11-15 18:24:00 发布

阅读量97

点赞数

原文链接：http://www.cnblogs.com/cxhx/p/6066795.html

版权

<!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>

前面正确的编写方式

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

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

转载于:https://www.cnblogs.com/cxhx/p/6066795.html

weixin_30433075

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
div居中效果出现的问题和解决方法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div { ...
复制链接

扫一扫