Я получил <div>
с отступом. Я установил его в height: 0
и дал ему overflow: hidden
и box-sizing: border-box
.
HTML
<div>Hello!</div>
CSS
div {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 0;
overflow: hidden;
padding: 40px;
background: red;
color: white;
}
Как я понимаю, это должно привести к исчезновению <div>
.
Однако его все еще видно (в Chrome 31 и Firefox 25 на моем Mac). Объявление height
, похоже, не применяется к заполнению, несмотря на объявление box-sizing
.
Является ли это ожидаемым поведением? Если да, то почему? Страница MDN на box-sizing
, похоже, не упоминает эту проблему.
Не, насколько я могу судить, спецификация - он мне читается, как ширина и высота должны включать отступ, когда box-sizing: border-box
(или действительно padding-box
).