百分比的細(xì)節(jié)－－容器大小篇

2020-10-23 18:41:37

字體：大中小

供稿：網(wǎng)友

因?yàn)槠聊荒茱@示的最小單位是1px，對于像773*50%=386.5這樣帶數(shù)字的長度必須有所取舍。

測試頁面，一些瀏覽器的截圖標(biāo)寬度也在里面

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

Firefox：計算后的值忽略小數(shù)部分，但會把多出的長度分配給里面的各元素。如果只多出1px，比如2*386=772，剩下的1px會到其中一個元素，優(yōu)先分配第一個元素，像773px分配給兩個50%時得到的是：387px和386px，分配給四個25%時得到的是：194px、193px、193px和193px；而對于多出幾個px，如773*33.3%=257.409，773*33.33%=257.6409，由于忽略掉的小數(shù)不一樣，分配的原則也不一樣，找不到相關(guān)資料，以下是我的猜想，三個元素的，按四舍五入的方式分配，四舍的優(yōu)先分配給兩邊，五入的優(yōu)先分配給前邊兩個，對于分配給三個元素以上的，多出部分自由分配，我找不到規(guī)律，但第一個一定會分配到。

FF還有一些奇怪的地方。Firefix測試頁面。1024寬度不會自動分配，也許是因?yàn)橥鈱右彩菐?shù)的，導(dǎo)致1px沒分配，接著測試Firefox

Opera & Safari2：計算時忽略百分比的小數(shù)部分，計算后的值忽略小數(shù)部分，如果里面的元素大于計算后的寬度不會導(dǎo)致后面的元素?fù)Q行。

Netscape & Mozilla：計算后忽略小數(shù)，多出部分有點(diǎn)類似Firefox，但多出部分是比透明顯示，而且比較奇怪，比如33.33%*3=99.99%　小于100%，但卻大于100%，奇怪的瀏覽器，還好使用的人不多，不用過于在意這兩個瀏覽器。

測試沒完成，有興趣的朋友幫忙測試，單獨(dú)的測試頁，有知道原因的朋友講一下下

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

下一篇：HTML 30分鐘入門教程