百分比的細(xì)節(jié)--容器大小篇
更新時(shí)間:2007年04月02日 00:00:00 作者:
因?yàn)槠聊荒茱@示的最小單位是1px,對(duì)于像773*50%=386.5這樣帶數(shù)字的長(zhǎng)度必須有所取舍。
測(cè)試頁(yè)面,一些瀏覽器的截圖標(biāo)寬度也在里面
IE:按四舍五入的方式計(jì)算。
Firefox:計(jì)算后的值忽略小數(shù)部分,但會(huì)把多出的長(zhǎng)度分配給里面的各元素。 如果只多出1px,比如2*386=772,剩下的1px會(huì)到其中一個(gè)元素,優(yōu)先分配第一個(gè)元素,像773px分配給兩個(gè)50%時(shí)得到的是:387px和386px,分配給四個(gè)25%時(shí)得到的是:194px、193px、193px和193px; 而對(duì)于多出幾個(gè)px,如773*33.3%=257.409,773*33.33%=257.6409,由于忽略掉的小數(shù)不一樣,分配的原則也不一樣,找不到相關(guān)資料,以下是我的猜想,三個(gè)元素的,按四舍五入的方式分配,四舍的優(yōu)先分配給兩邊,五入的優(yōu)先分配給前邊兩個(gè),對(duì)于分配給三個(gè)元素以上的,多出部分自由分配,我找不到規(guī)律,但第一個(gè)一定會(huì)分配到。
FF還有一些奇怪的地方。Firefix測(cè)試頁(yè)面。1024寬度不會(huì)自動(dòng)分配,也許是因?yàn)橥鈱右彩菐?shù)的,導(dǎo)致1px沒(méi)分配,接著測(cè)試Firefox
Opera & Safari2:計(jì)算時(shí)忽略百分比的小數(shù)部分,計(jì)算后的值忽略小數(shù)部分,如果里面的元素大于計(jì)算后的寬度不會(huì)導(dǎo)致后面的元素?fù)Q行。
Netscape & Mozilla:計(jì)算后忽略小數(shù),多出部分有點(diǎn)類似Firefox,但多出部分是比透明顯示,而且比較奇怪,比如33.33%*3=99.99% 小于100%,但卻大于100%,奇怪的瀏覽器,還好使用的人不多,不用過(guò)于在意這兩個(gè)瀏覽器。
測(cè)試沒(méi)完成,有興趣的朋友幫忙測(cè)試,單獨(dú)的測(cè)試頁(yè),有知道原因的朋友講一下下
測(cè)試頁(yè)面,一些瀏覽器的截圖標(biāo)寬度也在里面
IE:按四舍五入的方式計(jì)算。
Firefox:計(jì)算后的值忽略小數(shù)部分,但會(huì)把多出的長(zhǎng)度分配給里面的各元素。 如果只多出1px,比如2*386=772,剩下的1px會(huì)到其中一個(gè)元素,優(yōu)先分配第一個(gè)元素,像773px分配給兩個(gè)50%時(shí)得到的是:387px和386px,分配給四個(gè)25%時(shí)得到的是:194px、193px、193px和193px; 而對(duì)于多出幾個(gè)px,如773*33.3%=257.409,773*33.33%=257.6409,由于忽略掉的小數(shù)不一樣,分配的原則也不一樣,找不到相關(guān)資料,以下是我的猜想,三個(gè)元素的,按四舍五入的方式分配,四舍的優(yōu)先分配給兩邊,五入的優(yōu)先分配給前邊兩個(gè),對(duì)于分配給三個(gè)元素以上的,多出部分自由分配,我找不到規(guī)律,但第一個(gè)一定會(huì)分配到。
FF還有一些奇怪的地方。Firefix測(cè)試頁(yè)面。1024寬度不會(huì)自動(dòng)分配,也許是因?yàn)橥鈱右彩菐?shù)的,導(dǎo)致1px沒(méi)分配,接著測(cè)試Firefox
Opera & Safari2:計(jì)算時(shí)忽略百分比的小數(shù)部分,計(jì)算后的值忽略小數(shù)部分,如果里面的元素大于計(jì)算后的寬度不會(huì)導(dǎo)致后面的元素?fù)Q行。
Netscape & Mozilla:計(jì)算后忽略小數(shù),多出部分有點(diǎn)類似Firefox,但多出部分是比透明顯示,而且比較奇怪,比如33.33%*3=99.99% 小于100%,但卻大于100%,奇怪的瀏覽器,還好使用的人不多,不用過(guò)于在意這兩個(gè)瀏覽器。
測(cè)試沒(méi)完成,有興趣的朋友幫忙測(cè)試,單獨(dú)的測(cè)試頁(yè),有知道原因的朋友講一下下
相關(guān)文章
全國(guó)哀悼日網(wǎng)站頁(yè)面變成灰色的filter方法
今天訪問(wèn)好多網(wǎng)站包括百度,啟點(diǎn)等網(wǎng)站都變成了黑白色界面,體現(xiàn)大家對(duì)于四川地震的深切哀悼,但有好的站長(zhǎng)不一定知道是什么方法,還以為是大量改版,對(duì)于任何人都不是很輕松的事,特將本站的解決方法告訴大家。2008-05-05
用javascript來(lái)控制 鏈接的target 屬性的代碼
用javascript來(lái)控制 鏈接的target 屬性的代碼...2007-11-11
無(wú)限級(jí)CSS樹(shù)形菜單 Ver2.0
兩年前曾寫(xiě)了棵CSS無(wú)限級(jí)樹(shù)形菜單: 那時(shí)寫(xiě)的樹(shù)存在一個(gè)致命弱點(diǎn):數(shù)據(jù)量比較大時(shí),很容易導(dǎo)致瀏覽器卡死. 這兩天重寫(xiě)了一下代碼,除了在CSS的寫(xiě)法上與前一次基本一樣外,javascript代碼部分可以說(shuō)是脫胎換骨了,哈哈.2008-05-05
css網(wǎng)頁(yè)布局中注意的幾個(gè)問(wèn)題小結(jié)
經(jīng)常使用div+css布局的朋友,需要注意以下幾點(diǎn)2008-09-09
解決IE5/IE5.5/IE6/FF的兼容性問(wèn)題——CSS
解決IE5/IE5.5/IE6/FF的兼容性問(wèn)題——CSS...2007-05-05
超級(jí)連接的提示中換行效果實(shí)現(xiàn)代碼
前段時(shí)間有網(wǎng)友在論壇發(fā)帖問(wèn)"如何實(shí)現(xiàn)超級(jí)連接的多行顯示",其實(shí)方法很簡(jiǎn)單就是使用title 和 alt就可以實(shí)現(xiàn)。2008-05-05
HTTP與HTTPS超文本傳輸協(xié)議的區(qū)別是什么
隨著越來(lái)越多的網(wǎng)站使用HTTPS加密,現(xiàn)在HTTPS的使用已經(jīng)成了硬性要求了。雖然說(shuō)https是http的安全版,但兩者還是有不少區(qū)別的。本文從https、http的概念和原理入手,講解他們的不同,讓讀者朋友能夠真正理解。2022-12-12

