2014-10-02 96 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/