css - 子元素不继承父元素的 flex 边缘？

Question

我在 my page 有一个旋转木马.我的父元素和子元素的边缘都是 flex 的，但是当您按“下一个”或“上一个”并滑动旋转木马时，子元素在移动时不会保持 flex 。我怎样才能避免这种情况？

.holder {
width:650px;
margin:200px auto;
overflow:hidden;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#s7 #posts {
width: 620px; 
padding: 15px; 
color: #333; 
font-size: 14px; 
text-align:left; 
background:#EEE;
line-height:16px;
min-height:500px;
overflow:visible;
z-index:-1;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

Answer 1

实际上，我敢打赌它确实保持 flex ，只是看得有点快。它看起来不是 flex 的，因为您在动画时看到它的中间，当然，它不是 flex 的(例如，您看到的是盒子的顶部，而不是左上角 Angular )。

将半径添加到父级 div#s7，您应该设置好了。