MozTW 討論區

各項 Mozilla 相關軟體與技術討論
現在的時間是 2025-06-16, 10:18

所有顯示的時間為 UTC + 8 小時





發表新文章 回覆主題  [ 2 篇文章 ] 
發表人 內容
 文章主題 : 奇怪的Width計算
文章發表於 : 2009-04-25, 03:22 
離線

註冊時間: 2009-04-25, 03:02
文章: 1
FF:
 容器佔的寬度=內容寬度+padding寬度+border寬度
IE :
 內容寬度 = 您定義的容器寬度-padding寬度-border寬度

但我今天在 ExtJS ,使用 Firebug 看到一個
Input 元素的CSS如下.

width: 68px;
height: 20px;
padding: 2px 3px 0;
border: 1px solid #000;

根據FF的計算
它佔的寬度 = 68 + 6 + 2 = 76
但實際上是 = 68 - 6 - 2 = 60

@@? 奇怪!這不是IE的計算方法嘛?但我又看了其它的元素,發現沒有這個問題,那火狐計算寬度的時候,是不是有甚麼特殊條件?


附加檔案:
Untitled.jpg [89.12 KiB]
被下載 204 次


最後由 keyoftime 於 2009-04-25, 15:52 編輯,總共編輯了 1 次。
回頂端
Mozilla/5.0 (Windows; U; Windows NT 6.0; zh-TW; rv:1.9.0.9) Gecko/2009040821 Firefox/3.0.9
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2009-04-25, 10:05 
離線
[MozTW 版主群]
頭像

註冊時間: 2004-11-17, 09:53
文章: 1302
來自: 臺灣桃園
keyoftime 寫:
IE:內容寬度 = 您定義的容器寬度-padding寬度-border寬度

IE 顯示出來的寬度就是你定義的容器寬度
因為 padding 和 border 都被 IE 算進寬度裡了,所以不用再扣掉

不過,當 HTML 的開頭有 DTD 的時候
IE 的寬度計算就會變標準了

抱歉,可以問一下 <input /> 在哪嗎?
我只有找到 <button>,而且好像沒那三行樣式 QQ

-----------------------------------------

找到了,原來是編輯儲存格的時候才會寫入...
看來寬度設定成 68 的時候,真正的寬度會是 60
(顯示出來的寬度是 68,因為 padding 和 border)
設成 99 的時候,會是91...
嗯,真奇怪,我記得 Fx 不會因為沒 DTD 就這樣算啊?

_________________
在靜謐的國度裡,擁抱微風--抱風伴靜


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/525.19 (KHTML, like Gecko) Chrome/1.0.154.59 Safari/525.19
 個人資料  
引用回覆  
顯示文章 :  排序  
發表新文章 回覆主題  [ 2 篇文章 ] 

所有顯示的時間為 UTC + 8 小時


誰在線上

正在瀏覽這個版面的使用者:沒有註冊會員 和 9 位訪客


不能 在這個版面發表主題
不能 在這個版面回覆主題
不能 在這個版面編輯您的文章
不能 在這個版面刪除您的文章
不能 在這個版面上傳附加檔案

搜尋:
前往 :  
cron
Powered by phpBB® Forum Software © phpBB Group
正體中文語系由 竹貓星球 維護製作
© moztw.org, Mozilla Foundation
MozTW,Mozilla 台灣社群