Firefox:盒子大小和最小高度

时间:2010-10-21 03:19:19

标签: html css firefox

我无法理解:这真的是一个错误,还是我错过了什么?

我为HTML文档中的所有div设置了box-sizing: border-box(当然,包含所有-moz-webkit前缀)。因此,这意味着div的height始终包含其padding。期望min-height属性行为相似是合理的。但显然,在Firefox中却没有。

我的意思是,如果我的div没有height设置(即height: auto),但是min-height(例如,220px)和padding(例如, 10px),它导致div的整体高度为240px而不是Firefox中的220!不过,它在Chrome和Opera中都保持不变。

这不应该是固定的,还是某些我没有得到的功能?

2 个答案:

答案 0 :(得分:14)

  

......这真的是一个错误......   这不应该是固定的,还是一些   有点像我没有得到的功能?

It will被修复(这是一个错误而不是一个功能) 但是现在你应该对这个bug进行投票 如果它有任何安慰min-/max-width似乎工作得很好。

答案 1 :(得分:1)

我写了一个Modernizr test来检测这个星座(min-heightpaddingbox-sizing: border-box)。您可以在我的博客上read more查看相关内容,或查看JSFiddle with the test and a fix applied