gpt4 book ai didi

html - 如何制作父 div 的图像填充填充?

转载 作者:太空宇宙 更新时间:2023-11-03 20:34:56 25 4
gpt4 key购买 nike

我需要让子 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。

谢谢大家!

最佳答案

我不确定这是否是最好的方法,但也许给 child 添加一些负边距,然后用填充修复它?

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

fiddle

关于html - 如何制作父 div 的图像填充填充?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34866844/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com