百分比的细节——容器大小篇
江西金鼎科技学院
  网站首页 | 学院概况 | 新闻动态 | 招生就业处 | 全日制教学部 |培训认证处 | 成 教 处 | 网络学习中心 | 教学科研处 | 证书查询 | 报名录取  
站点管理处 |直属九江分院 |          

  当前位置 || 综合信息 || 学生园地

百分比的细节——容器大小篇

[ 点击次数:489| 作者:Admin | 更新时间:2008-12-16 19:10:58 ]
因为屏幕能显示的最小单位是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还有一些奇怪的地方。1024宽度不会自动分配,也许是因为外层也是带小数的,导致1px没分配,接着测试Firefox

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

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

来源:办公区

关闭页面

上一篇: 学习CSS布局心得

下一篇: 用我的长发做你的窗帘

部门概况

综合信息

教学行政

热文导读

主板USB管脚接口大全3

主板USB管脚接口大全2

主板USB管脚接口大全

实例教你如何读懂路由器…

迅雷超速下载13秘技

加速有理-迅雷超速下载13…

不选喷墨打印机的8条理由

Word中巧用查找替换功能…

图片浏览

 
Copyright © 2007 http://www.jdjy.org.cn All Rights Reserved | 江西金鼎科技学院 版权所有
国家信息产业部ICP备案:赣ICP备07005810号 | 江西金鼎科技学院数据中心制作维护