栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

使用百分比宽度进行布局时如何修复Internet Explorer 7错误?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

使用百分比宽度进行布局时如何修复Internet Explorer 7错误?

问题是亚像素舍入。当您使用百分比进行设计时,有时数学不会产生完整像素(721像素的70%为504.7像素)。721是任意的,但是使用百分比您会遇到任意数字。不可避免的是。大多数浏览器会为您提供一种不会破坏布局的四舍五入解决方案。IE7(及更高版本)只是四舍五入。向上舍入,您的容器宽度为721px,将包括一个框为505px,另一个为217px,总计722px-
超过100%。那时IE决定第二个盒子不适合放置并放在下面。

根据您的情况,有各种解决方案。妮可·沙利文(NicoleSullivan)有一个有趣的解决方案,它基于“溢出:隐藏;隐藏”;而不是浮点/宽度组合。我会尽可能使用它。在这里查看:

我发现“溢出”不会减少的另一种解决方案是在行中的最后一个元素上添加一个小的负边距。如果您向左浮动,请在右侧添加几个像素负边距。向右浮动,将其添加到左侧。我没有因此而受到任何负面影响(尽管我很高兴听到其他人是否这样做)。

希望能有所帮助。干杯。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/465135.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号