IE7邊界問題

Question

林在我的網頁也有其每1px的寬度的左右邊框寬度0股利。

在Firefox中，當我給下面的代碼它擁有與50像素寬度的股利，但它恰好是48像素寬在IE7。

<div style="width: 48px; border: #a9a9a9 1px solid; height: 30px;">test div</div> 

任何人都可以幫我解決這個問題嗎？

在此先感謝。

Answer 1

貌似IE box model bug。如果在Quirks模式下，IE從元素寬度減去邊界，填充，margin。參見下圖：

如果聲明正確DOCTYPE爲HTML代碼，這個問題就會消失。