Question

我的图片（全宽）左右显示边框。我该如何解决这个问题？

CSS：

.image {
height:293px;
width:100%;
float: left;
}

HTML：

<img src="http://glossi-media-us-west.s3-us-west-1.amazonaws.com/media/2e1ca6c4c68d428f9906afdd9bb19a0dNESHim.jpg" class="image">

Answer 1

使用此DEMO

* {
  padding:0;
  margin:0;
}
body {
  background: #000;
}
.image {
height:293px;
width:100%;
float: left;

}

Answer 2

我没有看到任何边框，似乎没有理由基于代码。另外我不知道你有img标签的上下文，但添加了一个边距：0px;像这样的身体风格

body {
    margin:0px;
}

如果你正在谈论的话，

删除周围的空白区域。这可能与jsfiddle环境有关，而不是你的问题。

您还可以尝试以下方法进行调试，以查看其他一些css代码正在影响您的img元素。

img{
    border:0 !important;
}

如果这不起作用，请尝试使用以下调试目的来查看是否有其他代码影响了您的img元素

*{
    border:0 !important;
}