给定这个简单的结构:Loremipsum使用这个CSS:#parent{width:200px;height:200px;padding:20px;overflow-x:scroll;}#child{width:500px;}现场演示:http://jsfiddle.net/523me/5/请注意，父级有一个20px内边距，而子级会水平溢出(因为它更宽)。如果将父项一直滚动到右侧，您会看到子项接触到父项的右边缘。因此，父级应该有一个正确的填充，但它被忽略了。似乎当child有固定宽度时，parent的正确填充不适用。(这是由标准规定的吗？我很想知道。如果你发现了什么，请告诉我!)有没有

我试图将标签内容垂直居中，但是当我添加CSS样式display:inline-flex时，水平文本对齐消失了。如何为每个选项卡设置x和y文本对齐方式？*{box-sizing:border-box;}#leftFrame{background-color:green;position:absolute;left:0;right:60%;top:0;bottom:0;}#leftFrame#tabs{background-color:red;position:absolute;top:0;left:0;right:0;height:25%;}#leftFrame#tabsdiv{bord

我试图将标签内容垂直居中，但是当我添加CSS样式display:inline-flex时，水平文本对齐消失了。如何为每个选项卡设置x和y文本对齐方式？*{box-sizing:border-box;}#leftFrame{background-color:green;position:absolute;left:0;right:60%;top:0;bottom:0;}#leftFrame#tabs{background-color:red;position:absolute;top:0;left:0;right:0;height:25%;}#leftFrame#tabsdiv{bord