<a>标签与<img>的宽/高不一致，导致图片溢出

问题描述：在HTML中，<a>标签与<img>的宽/高不一致，导致图片溢出。

回答：

问题分析：在HTML中，<a>标签用于创建超链接，<img>标签用于插入图片。当<a>标签与<img>标签的宽度或高度不一致时，可能会导致图片溢出。

解决方案：为了避免<a>标签与<img>标签的宽/高不一致导致图片溢出的问题，可以采取以下几种方法：

使用CSS样式控制：<a>标签和<img>标签都可以通过CSS样式来设置宽度和高度，确保它们的尺寸一致。例如：

<style>
    a img {
        width: 100%;
        height: auto;
    }
</style>

这样设置后，<img>标签的宽度将会自动适应<a>标签的宽度，并保持原始图片的宽高比例。

使用JavaScript调整：<a>标签和<img>标签的宽度和高度也可以通过JavaScript来动态调整，使它们保持一致。例如：

<script>
    window.onload = function() {
        var link = document.getElementsByTagName('a')[0];
        var image = document.getElementsByTagName('img')[0];
        var linkWidth = link.offsetWidth;
        var linkHeight = link.offsetHeight;
        image.style.width = linkWidth + 'px';
        image.style.height = linkHeight + 'px';
    }
</script>

这段JavaScript代码会在页面加载完成后执行，获取<a>标签的宽度和高度，并将其应用到<img>标签上。