При использовании HTML5, если вы поместите элемент canvas
/video
/audio
/svg
в div
, под этими элементами будет пробел 4px
. Я тестировал код ниже почти во всех браузерах, поддерживающих HTML5, к сожалению, у них все те же проблемы.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Bug</title>
</head>
<body>
<div style="border: 1px solid blue">
<canvas width="200" height="100" style="border: 1px solid yellow"></canvas>
</div>
</body>
</html>