国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

css - 為什么video不能填滿整個父級div?底部有黑邊?

瀏覽:85日期:2023-01-16 14:57:07

問題描述

代碼如下:

<!DOCTYPE html> <html> <head> <title>Demo</title> <style>.videoContainer { width: 70%; height: auto; background: #000;}</style></head> <body> <p > <video controls preload='auto' > <source src='http://www.cgvv.com.cn/wenda/test.mp4' type='video/mp4' /> <p>Your browser does not support the video tag.</p> </video></p></body> </html>

最終的顯示效果:css - 為什么video不能填滿整個父級div?底部有黑邊?

css - 為什么video不能填滿整個父級div?底部有黑邊?

我的疑惑是:為什么父元素p會比video高出幾個像素,從而導致底部有黑邊?

問題解答

回答1:

補充下,貌似這個黑邊是因為父元素樣式里有了background屬性,具體來說是background-color這個屬性,至于成因是什么,實話講我也不知道……

目前猜測原因可能是和video默認的display是inline有關系。

所以解決方案應該是:

加上font-size: 0;;

去掉background/background-color屬性;

給<video>加上display: block;樣式。

回答2:

因為你的父元素videoContainer沒有高度,當<video>使用了contorl屬性的時候,就會出現一個黑邊。**解決方法:1、刪掉contorl屬性 2、給父元素高度,或者用padding撐開等**

回答3:

其實這是一個html的bug,父級的font size設為0就正常了。。

標簽: CSS
相關文章:
主站蜘蛛池模板: 国产精品国产三级在线高清观看 | 亚洲图片国产日韩欧美 | 欧美日韩一区二区中文字幕视频 | 日韩国产欧美在线观看 | 亚洲天堂爱爱 | 玖玖玖视频在线观看视频6 玖玖影院在线观看 | 黄色三级网址 | 91视频久久久久 | 成年人视频网站免费 | 日韩一级特黄毛片在线看 | 久久成年片色大黄全免费网站 | 99re在线精品视频 | 日韩欧国产精品一区综合无码 | 国产的一级片 | 久久99精品视频在线在线观看 | 亚洲国产tv | a级一级黄色片 | 亚洲天堂视频在线观看 | 欧美三级真做在线观看 | 欧美精品xxxⅹ欧美 欧美精品不卡 | 欧美日韩精品国产一区在线 | 亚洲欧美成人综合久久久 | 亚洲美女色成人综合 | 久久免费成人 | 精品国产欧美一区二区五十路 | 视频二区好吊色永久视频 | 欧美一级大片免费看 | 国产一级一片免费播放 | 久久精品国产精品亚洲综合 | 三级色网站 | 日韩a级 | 久久亚洲精品中文字幕二区 | 国产高清精品一级毛片 | 又黄又免费| 欧美性三级 | 干欧美女人 | 成人免费毛片网站 | 欧美一级片在线免费观看 | 国产欧美一区二区三区免费看 | 欧美a在线视频 | 高清性色生活片欧美在线 |