コンテンツのないブロック要素の高さ in CSS

ブロック要素内にコンテンツがない場合、 潰れた(折り重なった)境界線が表示されます:

html<div></div>
cssdiv {
  width: 100px;
  border: 1px solid red;
}

Результат: