Html 强制图像溢出父div的填充，并使其100%宽

我希望带有class

wide

的图像覆盖父div的填充。当我给它们负边距时，它们不会延伸到全宽（

max-width:100%

使它们保持相同的大小）

#内容{
填充：20px；
边框：1px纯红；
}
/*常规图像*/
#内容img{
最大宽度：100%；
}
/*全幅图像、视频等*/
#内容广泛{
左边距：-20px；
右边距：-20px；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。塞德·阿利奎特·非自由主义者埃吉特·奥纳雷。在共同的侵权行为中，对法律的选择是至关重要的。阿利奎姆·奎斯是一位在埃拉设施中的精英。Donec ornare ligula eu massa Dignessim posuere酒店
塞德·欧萨皮恩

奥奇。普尔维纳尔王朝，封建统治，帝国主义。这是一个非常重要的问题。这是一句至理名言。空帆空帆。毛里斯精英酒店

奥奇。普尔维纳尔王朝，封建统治，帝国主义。这是一个非常重要的问题。这是一句至理名言。空帆空帆。Fusce mauris elit，s

不要用负边距拉伸图像，而是添加一个容器元素：

#内容{
填充：20px；
边框：1px纯红；
}
/*常规图像*/
#内容img{
最大宽度：100%；
}
/*全幅图像、视频等*/
#内容广泛{
左边距：-20px；
右边距：-20px；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。塞德·阿利奎特·非自由主义者埃吉特·奥纳雷。在共同的侵权行为中，对法律的选择是至关重要的。阿利奎姆·奎斯是一位在埃拉设施中的精英。Donec ornare ligula eu massa Dignessim posuere酒店
塞德·欧萨皮恩

奥奇。普尔维纳尔王朝，封建统治，帝国主义。这是一个非常重要的问题。这是一句至理名言。空帆空帆。毛里斯精英酒店

不要用负边距拉伸图像，而是添加一个容器元素：

#内容{
填充：20px；
边框：1px纯红；
}
/*常规图像*/
#内容img{
最大宽度：100%；
}
/*全幅图像、视频等*/
#内容广泛{
左边距：-20px；
右边距：-20px；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。塞德·阿利奎特·非自由主义者埃吉特·奥纳雷。在共同的侵权行为中，对法律的选择是至关重要的。阿利奎姆·奎斯是一位在埃拉设施中的精英。Donec ornare ligula eu massa Dignessim posuere酒店
塞德·欧萨皮恩

奥奇。普尔维纳尔王朝，封建统治，帝国主义。这是一个非常重要的问题。这是一句至理名言。空帆空帆。毛里斯精英酒店

我建议按照建议添加标记，这将比我的答案提供更好的浏览器支持。如果不可能，可以使用该函数将负边距添加到100%宽度。甚至连浏览器支持都没有

#内容{
填充：20px；
边框：1px纯红；
}
/*常规图像*/
#内容img{
最大宽度：100%；
}
/*全幅图像、视频等*/
#内容广泛{
左边距：-20px；
右边距：-20px；
最大宽度：计算（100%+40px）；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。塞德·阿利奎特·非自由主义者埃吉特·奥纳雷。在共同的侵权行为中，对法律的选择是至关重要的。阿利奎姆·奎斯是一位在埃拉设施中的精英。Donec ornare ligula eu massa Dignessim posuere酒店
塞德·欧萨皮恩

奥奇。普尔维纳尔王朝，封建统治，帝国主义。这是一个非常重要的问题。这是一句至理名言。空帆空帆。毛里斯精英酒店

奥奇。普尔维纳尔王朝，封建统治，帝国主义。这是一个非常重要的问题。这是一句至理名言。空帆空帆。Fusce mauris elit，s

我建议按照建议添加标记，这将比我的答案提供更好的浏览器支持。如果不可能，可以使用该函数将负边距添加到100%宽度。甚至连浏览器支持都没有

#内容{
填充：20px；
边框：1px纯红；
}
/*常规图像*/
#内容img{
最大宽度：100%；
}
/*全幅图像、视频等*/
#内容广泛{
左边距：-20px；
右边距：-20px；
最大宽度：计算（100%+40px）；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。塞德·阿利奎特·非自由主义者埃吉特·奥纳雷。在共同的侵权行为中，对法律的选择是至关重要的。阿利奎姆·奎斯是一位在埃拉设施中的精英。Donec ornare ligula eu massa Dignessim posuere酒店
塞德·欧萨皮恩

奥奇。普尔维纳尔王朝，封建统治，帝国主义。这是一个非常重要的问题。这是一句至理名言。空帆空帆。毛里斯精英酒店

奥奇。普尔维纳尔王朝，封建统治，帝国主义。这是一个非常重要的问题。这是一句至理名言。空帆空帆。Fusce mauris elit，s

哇，我还以为

calc（）

还在遥远的将来呢！我将使用它而不是额外的标记，因为它用于标记文章中，添加包装将是一个问题。哇，我认为

calc（）

仍在遥远的将来！我将使用它而不是额外的标记，因为它用于标记文章中，添加包装会有问题