如何让父div的图像填充填充？

我需要让子div填充父div的填充而不移除父div的填充。如何让父div的图像填充填充？

<body> 
    <div class="parent"> 
    <div class="child"> 
    my image 
    </div> 
    </div>

.parent { 
    padding: 0px 20px 0px 20px; 
    background-color: yellow; 
    height: 300px; 
    width: 300px; 
} 

.child { 
    height: 300px; 
    width: 300px; 
    background-color: green; 
    width: 100%; 
}

JSFIDDLE here

首选的解决方案往往是CSS或HTML的变化，无需JS。

谢谢大家！

来源

2016-01-19 Gui

我不确定这是否是最好的方式来做到这一点，但可能会给孩子添加一些负边距，然后用填充来修复它？

.child { 
    height: 300px; 
    width: 300px; 
    background-color: green; 
    width: 100%; 
    margin: 0 -20px; 
    padding: 0 20px; 
}

fiddle

来源

2016-01-19 01:04:15

感谢您的帮助，但我需要一个更清洁的解决方案！ – Gui

你是什么意思“更清洁”？这是基于您的要求的*解决方案。 –

是啊，帮助！修复它谢谢约瑟夫！ – Gui

如何让父div的图像填充填充？

回答

相关问题