сделать дочерний div шире родительского

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;}} 

извините за мой плохой английский & спасибо за каждого.

Answer 1

Предполагая, что нет overflow:hidden на родительском DIV (карты), то вы можете установить 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 */ 

}