DIV浮动IE文本出现3px间距的bug

作者：forestgan 时间：2020-07-28 19:50:36　

发生场合：当左边对象是浮动的，右边对象采用外补丁的左边距来定位，则右边对象内的文本会离左边有3px的空白误差。

没加修正：

运行代码框
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head> <title></title> <style type="text/css">  </style></head><body><div id="layout"><div id="floatbox">floatbox</div><p>离左边3px</p><p>离左边3px</p></div></body></html>
[Ctrl+A 全部选择 ]

修正过：(加了以下代码)

* html #floatbox {
margin-right: -3px;
}
* html p {
height: 1％;
margin-left: 0;
}

不考虑mac下ie5.02

运行代码框
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head> <title></title> <style type="text/css">  </style></head><body><div id="layout"><div id="floatbox">floatbox</div><p>现在没有3px了</p><p>现在没有3px了</p></div></body></html>
[Ctrl+A 全部选择 ]

标签：

投稿

DIV浮动IE文本出现3px间距的bug

猜你喜欢

使用memory_profiler监测python代码运行时内存消耗方法

使用Python导出Excel图表以及导出为图片的方法

利用Python删除电脑中重复文件的方法

优化Oracle停机时间及数据库恢复

Matplotlib 3D 绘制小红花原理

python可视化分析的实现(matplotlib、seaborn、ggplot2)

Python安装whl文件过程图解

vue-form表单验证是否为空值的实例详解

MySQL将select结果执行update的实例教程

详解go语言中type关键词的几种使用

Python中选择结构实例讲解

Python中22个万用公式的小结

基于Django框架利用Ajax实现点赞功能实例代码

python包相关知识点之包的导入、相对路径以及绝对路径

python应用Axes3D绘图（批量梯度下降算法）

详解Python 字符串相似性的几种度量方法

Numpy随机抽样的实现

Python获取好友地区分布及好友性别分布情况代码详解

基于Python实现一个简易的数据管理系统

javascript实现滚动效果的数字时钟实例