400-1100-266

9:00-24:00（工作日）
主页 > 知识库 > 百分比的细节－－容器大小篇

百分比的细节－－容器大小篇
热门标签：银行业务 美图手机 检查注册表项 网站文章发布 呼叫中心市场需求 铁路电话系统 智能手机 服务器配置
因为屏幕能显示的最小单位是1px，对于像773*50%=386.5这样带数字的长度必须有所取舍。

测试页面，一些浏览器的截图标宽度也在里面

IE：按四舍五入的方式计算。

Firefox：计算后的值忽略小数部分，但会把多出的长度分配给里面的各元素。 如果只多出1px，比如2*386=772，剩下的1px会到其中一个元素，优先分配第一个元素，像773px分配给两个50%时得到的是：387px和386px，分配给四个25%时得到的是：194px、193px、193px和193px； 而对于多出几个px，如773*33.3%=257.409，773*33.33%=257.6409，由于忽略掉的小数不一样，分配的原则也不一样，找不到相关资料，以下是我的猜想，三个元素的，按四舍五入的方式分配，四舍的优先分配给两边，五入的优先分配给前边两个，对于分配给三个元素以上的，多出部分自由分配，我找不到规律，但第一个一定会分配到。

FF还有一些奇怪的地方。Firefix测试页面。1024宽度不会自动分配，也许是因为外层也是带小数的，导致1px没分配，接着测试Firefox

Opera  Safari2：计算时忽略百分比的小数部分，计算后的值忽略小数部分，如果里面的元素大于计算后的宽度不会导致后面的元素换行。

Netscape  Mozilla：计算后忽略小数，多出部分有点类似Firefox，但多出部分是比透明显示，而且比较奇怪，比如33.33%*3=99.99%　小于100%，但却大于100%，奇怪的浏览器，还好使用的人不多，不用过于在意这两个浏览器。

测试没完成，有兴趣的朋友帮忙测试，单独的测试页，有知道原因的朋友讲一下下

标签：新疆 乐山 长治 河南 红河 上海 沈阳 沧州

巨人网络通讯声明：本文标题《百分比的细节－－容器大小篇》，本文关键词  ；如发现本文内容存在版权问题，烦请提供相关信息告之我们，我们将及时沟通与处理。本站内容系统采集于网络，涉及言论、版权与本站无关。
  • 相关文章
  • 推荐文章

    上一篇：div+css详解定位与定位应用

    下一篇：你不一定知道的Label的For用法

     
    微信咨询办理
    在线QQ客服
    ( 客服小王 )
    ( 客服小李 )
    ( 客服小刘 )
    ( 客服小张 )
    关于我们 | 荣誉资质 | 呼叫中心 | 代理加盟 | 客户案例 | 服务支持 | 产品介绍 | 行业资讯

    Copyright © 1999-2012 诚信 合法 规范的巨人网络 www.1330.cn 始建于2005年

    全国网站建设网站开发咨询热线：400-1100-266   0514-86177077

    江苏扬州巨人网络科技有限公司   总部地址：江苏省扬州信息产业基地11号楼4层

    《增值电信业务经营许可证》苏B2-20120278    苏ICP备15040257号 网站地图
    全国咨询热线
    400-1100-266
    在线客服( QQ：340506921 )
    版权所有：巨人网络(扬州)科技有限公司——拥有网站建设十年经验，具备独立网站开发能力，能够提供完善的网站设计及相关的网站制作服务！     全国统一服务热线：400-1100-266
    收缩
    • 微信客服
    • 微信二维码

    • 电话咨询

    • 400-1100-266