时间戳

首页 > 解决方案 > 当 img 和 div 设置为相同宽度时，为什么 div 会变小？

html - 当 img 和 div 设置为相同宽度时，为什么 div 会变小？

问题描述

这是HTML 

<div class="conatainer">
    <div class="block">
        <img class="img" src="img.png">
    </div>
</div>

这是CSS

img {
width: 480px;
}

.block {
    border: solid 2px;
    width: 480px;
    padding: 2px;
}

div 的大小为 472 像素。为什么会这样以及如何解决它。图像与 div 重叠。

标签： htmlcss

解决方案

推荐阅读