| MozTW 討論區 https://forum.moztw.org/ |
|
| 奇怪的Width計算 https://forum.moztw.org/viewtopic.php?f=13&t=26771 |
第 1 頁 (共 1 頁) |
| 發表人: | keyoftime [ 2009-04-25, 03:22 ] | ||
| 文章主題 : | 奇怪的Width計算 | ||
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的計算方法嘛？但我又看了其它的元素，發現沒有這個問題，那火狐計算寬度的時候，是不是有甚麼特殊條件？
|
|||
| 發表人: | 風痕影 [ 2009-04-25, 10:05 ] |
| 文章主題 : | |
keyoftime 寫: IE：內容寬度 = 您定義的容器寬度-padding寬度-border寬度
IE 顯示出來的寬度就是你定義的容器寬度 因為 padding 和 border 都被 IE 算進寬度裡了，所以不用再扣掉 不過，當 HTML 的開頭有 DTD 的時候 IE 的寬度計算就會變標準了 抱歉，可以問一下 <input /> 在哪嗎？ 我只有找到 <button>，而且好像沒那三行樣式 QQ ----------------------------------------- 找到了，原來是編輯儲存格的時候才會寫入... 看來寬度設定成 68 的時候，真正的寬度會是 60 (顯示出來的寬度是 68，因為 padding 和 border) 設成 99 的時候，會是91... 嗯，真奇怪，我記得 Fx 不會因為沒 DTD 就這樣算啊？ |
|
| 第 1 頁 (共 1 頁) | 所有顯示的時間為 UTC + 8 小時 |
| Powered by phpBB® Forum Software © phpBB Group https://www.phpbb.com/ |
|
