如何讓父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的圖像填充填充？

回答

相關問題