css - 在 IE 8 中制作浮动时的 img 固定宽度

Question

我只在 Internet Explorer 中遇到了固定图像宽度的问题（我有 IE8）

首先，当未定义填充时，图像根本不会出现

第二，当我指定 padding:5px; 对于 img 它看起来像这样

请注意，我无法为图像容器 div 设置特殊宽度，因为下面是我的代码

HTML：

<div class="block_div">
    <div>
        <div class="img_about">
            <img src="test_img.jpg" alt="test_img" width="150" />
        </div>
        <div class="img_about">
            about: "Adapted from Betty Crocker".
        </div>
    </div>
    <div class="clear"></div>   
</div>

CSS：

.img_about{float:left; }
.img_about img{padding:5px; }

如果我从 .img_and_text dev 中删除浮动，它看起来正常宽度：150

Answer 1

尝试这个：

.img_about img { width:150px; height:150px; }

如今，使用内联宽度标签仅对电子邮件客户有帮助，afaik ...