如果沒有給 flip-container或者back和front固定高度，類型為otherInfo的div中的p里面的內容會與類型為fron和back的div內容重疊，因為固定高度的話，圖片大小不一致將會影響信息的顯示，所以如何使得front和back的div能夠自適應圖片的大小，而且otherInfo的信息能夠正常font和back后面顯示，不會重疊。代碼：    <div class="flip-container" ontouchstart="this.classList.toggle('hover');">        <div class="flipper">            <div class="front">                <img src="img/1.jpg" style="width: 100%;" />            </div>            <div class="back">                <p>123456</p>            </div>        </div>    </div>    <div class="atherInfo">        <p> 1.test</p>    </div>樣式：/* 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);}