忽略父寬或填充

可以說我有一個看起來像這樣的代碼：

HTML：

<div id="content-container"> 
    <h1>Subject</h1>  
    <p>More text</p> 
    <p><img src="/someimg.png"></p> 
</div>

CSS：

#content-container { 
    margin: 0 auto; 
    width: 684px 
}

我本來還等設定的填充而不是寬：

padding-left:20% 
padding-right20%

I th我希望我的圖像比它內部的容器有更大的寬度。

#content-container img { 
    width:1000px; 
}

但是這現在可以工作，因爲圖像不會從它的容器中走出來。

除了使用position:absolute;或某些負邊距值之外，是否有解決方案？

2014-09-03 Adnaves

窩。這只是一個錯誤的問題。不在我的代碼中。這只是一個例子。 – Adnaves 2014-09-03 13:56:09

如果要在容器內放大或放在容器外面，則不應將某物放入容器中。只要將它放在容器上方或下方即可。 – GifCo 2014-09-03 13:58:45

我可以幫助，但我仍然不明白你想要實現什麼。你想要圖像比div大，你想調整圖像的div大小，或者你想調整div的圖像大小？你想在圖像的div內填充div的內部有一些間距嗎？ – w3jimmy 2014-09-03 15:12:34

變化容器寬度要大

#content-container { 
    margin: 0 auto; 
    width: 100%; 
}

，改變圖像寬度

#content-container img { 
    width:100%; 
}

圖像寬度必須大於容器小於或等於

2014-09-03 14:01:42

試試這個代碼

#content-container img {width:100%;}

2014-09-03 14:14:04 Venk

回答