2014-10-02 59 views
0

我的图像(全角)在左侧和右侧显示边框。我该如何解决这个问题?在图像上没有白色边框

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"> 
+0

是否使用normalize.css试试?根据你的代码https://necolas.github.io/normalize.css/ – 2014-10-02 09:09:19

+4

没有理由这些白色边框应该出现。他们必须来自surronding元素。 – 2014-10-02 09:11:19

回答

2

使用本DEMO

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

} 
0

我看不到任何国界,人们似乎没有理由会有基于代码。此外,我不知道你有img标签的上下文,但增加了一个边距:0px;风格到身体像这样

body { 
    margin:0px; 
} 

删除周围的空白,如果这就是你在说什么。虽然这可能与jsfiddle环境有关,但比你的问题更多。

你也可以尝试下面的调试目的,看看其他一些CSS代码正在影响你的img元素。

img{ 
    border:0 !important; 
} 

如果不行尝试在调试时使用下面,看看一些其他的代码是影响你的img元素

*{ 
    border:0 !important; 
} 

http://jsfiddle.net/AuroraArcade/w3gx4x7n/2/