img最大化尺寸

所以，我正在處理一些事情，並且我正在嘗試創建另一個div內的圖像標記。問題是，我寫img最大化尺寸

.container { 
 
    padding: 0; 
 
    margin: 0; 
 
} 
 

 
.container img { 
 

 
    padding: 0px; 
 
    margin: 0px; 
 
    width: 100%; 
 
    height: 100%; 
 

 
}

<div class='container'> 
 

 
    <img src='https://www.clarkson.edu/_site_support/background_image_banks/images/tor_images/studcnt_4128800003.jpg' alt='A problem occured'> 
 

 
</div>

但仍有邊緣之前一些空間。我也嘗試填充0和邊距爲0，但仍然沒有。

來源

2017-01-04 Guy Blum

是父0的利潤率呢？請張貼您的代碼的一個最小例子，不要鏈接到它。 – kabanus

身體有餘量。如果你想圖像的高度包含所有剩餘空間，你應該使用'height：100vh;' –

@kabanus我確實設置了父級的邊距。而且，對不起，我編輯了這篇文章，以便它更加簡單。 –

將body margin設爲0px;

body { 
    margin: 0px; 
}

來源

2017-01-04 07:52:57 Dhaarani

謝謝！那工作。 –

歡迎。 @Guy Blum – Dhaarani

使用重置文件或結構在CSS中的值設置爲定義的默認，而不是讓瀏覽器獲取。我使用的重置文件之一是http://meyerweb.com/eric/tools/css/reset/。在這種情況下，主體的邊距爲8px，並且由於沒有定義框尺寸，所以會影響寬度。試試看。

來源

2017-01-04 07:54:26

-1

設置浮動屬性擺脫多餘的房間：

div img { float: left }

但你必須記住，如果div的寬度/高度設定爲百分比圖像的大小，內元素的寬度/高度不能以百分比設置。

如果您想以百分比形式設置圖像的寬度/高度，則需要以像素爲單位指定div的尺寸。

E.g.

這工作：

div { 
    width: 600px; 
    height: 400px; 
} 
div img { 
    width: 100%; 
    height: 100%; 
}

但是，這並不工作：

div { 
    width: 100%; 
    height: 100%; 
} 
div img { 
    width: 100%; 
    height: 100%; 
}

完全，你需要處理你的問題的兩個部分是什麼這樣的：

div { 
    width: 100%; 
    height: 100%; 
} 
img { 
    float: left; /* or right, whatever you'd rather */ 
    display: block; 
}

雖然，爲了更好的建議，需要關於div的容器的信息。

來源

2017-01-04 08:01:47

試試這個代碼

body,html{ 
margin:0px; 
padding:0px; 
}

來源

2017-01-04 08:10:40

img最大化尺寸

回答

相關問題