兼容性—IE6下文字溢出

最新推荐文章于 2021-08-03 21:10:23 发布

weixin_33904756

最新推荐文章于 2021-08-03 21:10:23 发布

阅读量44

点赞数

原文链接：http://www.cnblogs.com/halai/p/6853196.html

版权

两个浮动元素之间用内联元素或者注释并且和父级宽度不超过3px，IE6下出产生文字溢出bug，具体代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .wrap{
            width: 400px;
        }
        .left{
            float: left;
            
        }
        .right{
            float: right;
            width: 400px;
        }
    </style>
</head>
<body>
    <div class="wrap">
        <div class="left"></div>
        <span></span>
        <div class="right">&darr;这是多出了的一头猪</div>
    </div>
</body>
</html>

显示效果：

解决方案：

1、两个浮动元素之间避免出现内联元素或者注释

2、与父级宽度相差3px以上

.right{
            float: right;
            width: 397px;
}

转载于:https://www.cnblogs.com/halai/p/6853196.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33904756

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
兼容性—IE6下文字溢出

两个浮动元素之间用内联元素或者注释并且和父级宽度不超过3px，IE6下出产生文字溢出bug，具体代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> &lt...
复制链接

扫一扫