国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-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
相關文章:
主站蜘蛛池模板: aaaa毛片 | 久草视频2| 91在线永久| 欧美ab片 | 女人张开腿让男人桶免费最新 | www中文字幕 | 操爽视频 | 9191精品国产免费不久久 | 久草视频手机在线 | 国产一区日韩二区欧美三 | 亚洲国语在线视频手机在线 | 国产日产亚洲系列首页 | 一本色道久久综合亚洲精品 | 中国一级大黄大片 | 欧美三级一区二区 | 亚洲精品综合 | 一区二区三区视频观看 | 日本a级精品一区二区三区 日本a级毛片免费视频播放 | 久久久久久一品道精品免费看 | 香蕉福利久久福利久久香蕉 | 一色屋色费精品视频在线观看 | 日本一区二区三区四区不卡 | 亚洲国产一区二区三区四区 | 日韩国产欧美在线观看 | 亚洲精品一级片 | 亚洲第一综合网站 | 亚洲美女色成人综合 | 精品久久久久久久久中文字幕 | 久草a视频 | 中文字幕一区二区在线播放 | 精品视频一区二区 | 日韩亚洲国产综合久久久 | 欧美精品日本一级特黄 | 成人性欧美丨区二区三区 | 三级韩国一区久久二区综合 | 国产91精品高清一区二区三区 | 亚洲精品线在线观看 | 美女又黄又免费视频 | 高清国产美女一级a毛片录 高清国产亚洲va精品 | 欧美一级高清视频在线播放 | 成人午夜毛片 |