CSS错误-图像周围的边框显示不正确

Question

我使用Bootstrap和JSON实现了具有XML技术的JS MP3 Player。现在，我已经实施了这项技术部署，现在出现了一个问题，即在图像周围显示边框。图像与右侧和底部的边框重叠。可以轻松解决此问题。确切的问题可以在这里看到：

http://commonwealth.rastafarianreggae.com/rastaradio.php

Answer 1

由于图像的高度和和已经是静态的，因此可以减小其高度和宽度以适合边框。

height: 142px,
width: 163px

screenshot

Answer 2

将box-sizing和content-box（#audiostreamRasAkwamu包装#rgStateSLIDER的带有边框的DIV包装）的IMG更改为box-sizing: content-box; 。

#audiostreamRasAkwamu, #rgStateSLIDER {
    box-sizing: content-box !important;
}

这将更改元素的宽度和高度的计算方式。

例如：

#audiostreamRasAkwamu

或者，您可以将“边界” CSS规则从#rgStateSLIDER和IMG移动到width本身，或者从其中删除height和8080规则包装器。