IE7 图像填充
我有一个简单的函数，尝试使用幻灯片框的 jQuery 计算图像的高度和宽度。我在 IE7 中看到的问题是填充似乎对宽度/高度产生了非常奇怪的影响。
我在 Firefox 中有一个图像，返回的值是 450 x 324 [宽度/高度]，CSS 值为
border:0 none;
float:right;
padding:20px 10px 30px 10px;
width:450px;
在 IE7 中，它给我的宽度为 470，高度为 374 ？如何计算“真实”值？
I have a simple function which attempts to calculate height and width of an image using jQuery for a slideshow box. The problem I am seeing in IE7 is the really strange effects padding seem to have on width/height.
I have an image in Firefox and value returned is 450 x 324 [width / height] with CSS values of
border:0 none;
float:right;
padding:20px 10px 30px 10px;
width:450px;
In IE7, it gives me a width of 470 and height of 374 ? How to do I calc the "real" values ?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
IE 的旧盒子模型（又名怪异模式）包括宽度和宽度的填充。高度，W3C 盒子模型（又名标准模式）没有。
如果您使用 xhtml 或 html5 文档类型，IE7 将以标准模式呈现，这将不再是问题。
IE's old box model (aka quirks mode) included padding in the width & height, the W3C box model (aka standards mode) does not.
If you use an xhtml or html5 doctype, IE7 will render in standards mode and this will no longer be a problem.