忽略父宽或填充

可以说我有一个看起来像这样的代码：

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

回答