div里面放img图片出来了_绝对定位的div里面放一个img，如何使得div随着img的变化而变化？...

如果没有给 flip-container或者back和front固定高度，类型为otherInfo的div中的p里面的内容会与类型为fron和back的div内容重叠，因为固定高度的话，图片大小不一致将会影响信息的显示，所以如何使得front和back的div能够自适应图片的大小，而且otherInfo的信息能够正常font和back后面显示，不会重叠。

代码：

123456

1.test

样式：

/* entire container, keeps perspective */

.flip-container {

perspective: 1000;

}

/* flip the pane when hovered */

.flip-container:hover .flipper, .flip-container.hover .flipper {

transform: rotateY(180deg);

}

.flip-container, .front, .back {

width: 280px;

}

/* flip speed goes here */

.flipper {

transition: 0.6s;

transform-style: preserve-3d;

position: relative;

}

/* hide back of pane during swap */

.front, .back {

backface-visibility: hidden;

position: absolute;

top: 0;

left: 0;

}

/* front pane, placed above back */

.front {

z-index: 2;

}

/* back, initially hidden pane */

.back {

transform: rotateY(180deg);

}