浮动元素居中

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="js/jquery-1.7.min.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <style type="text/css">
    .div{
        width: 500px;
        height: 300px;
        background-color: red;
        position: absolute;
        left: 50%;
        top:50%;
        margin: -150px 0px 0px -250px;
    }
    </style>
    <body>
            <div class="div">
                
            </div>
    </body>
</html>

posted on 2016-03-04 14:41 浅唱年华1920 阅读(113) 评论(0) 编辑收藏举报