IE6下绝对定位元素存在1px偏差问题

最新推荐文章于 2020-11-29 17:55:06 发布

你的微笑像拥抱

最新推荐文章于 2020-11-29 17:55:06 发布

阅读量560

点赞数

分类专栏：前端文章标签：兼容性绝对定位 IE6

本文链接：https://blog.csdn.net/dfydn/article/details/55505266

版权

前端专栏收录该内容

29 篇文章 0 订阅

订阅专栏

小知识：IE6下面绝对定位元素父级的宽高是奇数，绝对定位元素设置 right:0;bottom:0; 在IE6中会有1px的偏差。

解决方案：避免父级宽高出现奇数。

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .box{
            width: 307px;
            height: 307px;
            background-color: red;
            position: absolute;
        }
        .content{
            width: 100px;
            height: 100px;
            background-color: blue;
            position: absolute;
            right: 0;
            bottom: 0;
        }
    </style>
</head>
<body>
    <div class="box">
        <div class="content"></div>
    </div>
</body>
</html>