Question

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

谢谢大家！

Answer 1

我不确定这是否是最好的方法，但可能会给孩子增加一些负余量，然后用填充来修复它？

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

fiddle

如何制作父div的图像填充填充？

1 个答案: