代码如下：
3
1361
Demo
最终的显示效果：
我的疑惑是：为什么父元素p会比video高出几个像素，从而导致底部有黑边？
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
补充下，貌似这个黑边是因为父元素样式里有了
background属性，具体来说是background-color这个属性，至于成因是什么，实话讲我也不知道……目前猜测原因可能是和video默认的display是inline有关系。
所以解决方案应该是：
加上
font-size: 0;；去掉
background/background-color属性；给
<video>加上display: block;样式。因为你的父元素videoContainer没有高度，当<video>使用了contorl属性的时候，就会出现一个黑边。
**解决方法：
1、删掉contorl属性
2、给父元素高度，或者用padding撑开等**
其实这是一个html的bug，父级的font size设为0就正常了。。