溢出：由叛逆的孩子像

Question

这是一个奇怪的一个隐含忽略：

.naReduced{ 
    max-height: 200px; 
    height:200px; 
    width: auto; 
    overflow:hidden; 
    border: blue 1px solid; 
} 
.naReduced>img{ 
    height: 250px; 
    width: auto; 
} 

正如你可以在这里看到：http://syndex.me（第二后，仍然显示为电视AA妇女从杯子喝水的）溢出：隐藏被忽略。

如果您检查元素，所有按CSS顺序排列，但divs计算样式仍设置为250px而不是200px，为什么？

Answer 1

原因是你已经应用到父div的.noArt样式。这被设置为display: table-cell;，这会导致div伸展以包含内容（如表格单元格所示）。

如果您关闭该功能，则可以按需使用。

Answer 2

您需要将其显示属性更改为block。目前是table-cell，与overflow:hidden冲突。像这样的事情应该这样做：

.naReduced{ 
    max-height: 200px; 
    height:200px; 
    display:block; 
    width: auto; 
    overflow:hidden; 
    border: blue 1px solid; 
}