код прост.два пустых элемента имеют нижнее поле.однако в chrome поля перекрывают элементы .line.я думаю, что поля должны быть размещены в .line.это ошибка отображения в Chrome?
<!doctype html>
<html lang="en">
<head>
<style>
html, body {margin: 0}
.line{height:50px;background:red;}
.mb{margin-bottom:50px;}
</style>
</head>
<body>
<div id="first" class="mb"></div>
<div id="second" class="mb"></div>
<div class="line"></div>
</body></html>
<!doctype html>
<html lang="en">
<head>
<style>
html, body {margin: 0}
.line{height:50px;background:red;}
.mb{margin-bottom:50px;}
</style>
</head>
<body>
<div id="first" class="mb"></div>
<div id="second" class="mb"></div>
<div class="line"></div>
</body></html>
html имеет высоту 100px # первое перекрытие .line # второе перекрытие .line