解决IE在处理浮动+外补丁的错误
文章来源：地方网络工作室 文章作者：我是地方啦 日期：2008年11月01日
IE在处理浮动+外补丁的时候会出现错误。那么是什么错误呢？大家请打开编辑软件跟着我做试验。
HTML代码：
CSS代码：
#wai:{width:500px;overflow:hidden;background:#c00;height:18px;}
#nei:{f
IE在处理浮动+外补丁的时候会出现错误。那么是什么错误呢？大家请打开编辑软件跟着我做试验。
HTML代码：
< div id=wai>
< div id=nei>< /div>
< /div>
CSS代码：
#wai:{width:500px; overflow:hidden;background:#c00;height:18px;}
#nei:{float:left; width:230px;margin-left:8px;background:#000;height:18px;}
代码如上，你可以用IE看一下，你会发现，内距离外的左边距，并不是8PX，而是大于8px。这就是IE的漏洞。也是一个常见的漏洞。在火狐中是不存在这样的问题。
但是绝大多数人都是使用的IE浏览器，这点我们都是知道的，那我们又需要这样的效果，怎么办呢？
以下是我的解决方法。
本来是应该加nei的外左补丁，改为wai的内左补丁。CSS代码如下：
#wai:{width:500px; overflow:hidden;background:#c00;height:18px;padding-left:8px;}
#nei:{float:left; width:230px;background:#000;height:18px;}
OK，现在这个问题就解决了。
相关文章
- ·07/12地方工作室 文章内容CSS炫酷效果公布
- ·02/28平价接DIV+CSS重构网站的活
- ·10/29CSS DIV网页布局与TABLE布局的区别
- ·10/29css技巧批量保存div+css图片方法
- ·10/25div+css网站布局设计常见错误大全
- ·10/05DIV+CSS网页布局副作用分析
- ·10/03id与class的使用原则与技巧
- ·10/03实现网页背景音乐方法