DIV浮动IE文本出现3px间距的bug-Html/Css-网页设计,技术教程-E库技术学院Edu.iecool.com




E库技术学院--您的网络技术顾问！	网站首页┊素材图片库┊设计原稿┊网页模板┊网站赏析┊下载中心┊明星图库┊E库论坛

	设为首页
	加入收藏
	我要投稿

E库首页 ┊ 学院首页 ┊ 图形图象 ┊ 网页设计 ┊ 网络编程 ┊ 数据库 ┊ 服务器 ┊ 建站技术 ┊ 业界新闻 ┊ 作者专栏 ┊ 常用范文 ┊ 预留栏目

当前位置：学院首页>>网页设计教程>>Html/Css教程>>DIV浮动IE文本出现3px间距的bug

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

[ 来源：蓝色理想 | 作者：forestgan | 时间：2005-12-27 10:41:18 | 浏览：人次 ]
收藏到新浪ViVi ┊ 收藏到365KEY ┊ 收藏到我摘 ┊ 双击滚屏单击停止

发生场合：当左边对象是浮动的，右边对象采用外补丁的左边距来定位，则右边对象内的文本会离左边有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”教程到此结束==>||

相关教程

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

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员，我们尽快予以更正。

投稿作者： forestgan 　信息来源：蓝色理想　录入时间： 2005-12-27 10:41:18
投稿信箱： web#iecool.com

设为首页 - 加入收藏 - 关于我们 - 广告服务 - 版权申明 - 友情链接 - 联系方式 - 会员投稿