定位问题

Mr Gong

于 2017-02-08 21:00:33 发布

阅读量397

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML CSS

本文链接：https://blog.youkuaiyun.com/GYZ_Code/article/details/54933234

CSS 同时被 2 个专栏收录

8 篇文章

订阅专栏

HTML

7 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>定位问题</title>
    <style type="text/css">

        /*.wrap{width: 300px;height:100px;border: 1px solid black;overflow: hidden;}
        .content{width: 200px;height: 200px;background: red;position: relative;}
        */

        .wrap{width: 301px;height: 301px;border:1px solid black;position: relative;}

        .content{width: 50px;height: 50px;background: #7c1;position: absolute;left: 0;top:0;}

        /*

            相对定位的问题：
             当子级设置了position:relative；在IE6下父级的overfhidden就包不住子级了，overflow:hidden;会失效

            绝对定位的问题：
             在 IE6 下定位元素的父级宽高都为奇数那么在 IE6 下定位元素的 right 和 bottom 都有1像素的偏差

         */

    </style>
</head>
<body>

    <div class="wrap">

        <div class="content"></div>

    </div>

</body>
</html>