Question

我知道这可能是一个重复的问题，但我已经在这里搜索并尝试所有答案。我的问题没有解决办法:(

我的问题： https://jsbin.com/wujiliqehi/1/edit?html,css,output

如何让 materikonten 比卡更像是二级图片？

解决方案：

div#materi-konten{width: auto;margin: 0 -20px; !important;} 
.card{overflow: visible !important;}

响应式布局的另一种解决方案

@media only screen and (max-width : 640px){
    div#materi-konten{width: auto;margin: 0 -20px; !important;} 
    .card{overflow: visible !important;}}

抱歉我的英语不好＆amp; 谢谢大家。

Answer 1

假设父div（卡）上没有overflow:hidden，那么您可以设置position:relative，设置top和left将孩子放在正确位置的属性，然后使用width和height使其大小合适。响应性地做起来非常困难 - 我认为你会遇到固定尺寸的盒子。

如果没有您尝试过的代码示例，我无法提供更多帮助。

Answer 2

只需在CSS中将其设置为更大，可以是像素或百分比：

.materi-konten {

  width: 110%;
  left: -5%;

}

.card {

  overflow: visible; /* make sure we can see the child if it is bigger */

}

让孩子比父母宽

2 个答案: