CSS/Chrome:YouTube视频嵌入导致不必要的1px垂直空间 问题是:

CSS/Chrome:YouTube视频嵌入导致不必要的1px垂直空间 问题是:,css,google-chrome,youtube,Css,Google Chrome,Youtube,当我在页面中嵌入Youtube视频时,Chrome会在页面左侧显示一个垂直的1px空白 问题仅限于Chrome和嵌入YouTube的页面 实例: 包含问题的页面(YouTube嵌入): 没有问题的页面(无YouTube嵌入): 我所尝试的: 我尝试过将嵌入的视频调整为较小的宽度,但没有 有用 我试着通过Chrome的元素检查器来解析CSS,但是 没用 我的问题: 有人能告诉我为什么Chrome会在页面包含YouTube嵌入时添加这些不需要的空间吗?我能找到的唯一修复方法是将#main容器的

当我在页面中嵌入Youtube视频时,Chrome会在页面左侧显示一个垂直的1px空白

问题仅限于Chrome和嵌入YouTube的页面

实例:
  • 包含问题的页面(YouTube嵌入):
  • 没有问题的页面(无YouTube嵌入):
我所尝试的:
  • 我尝试过将嵌入的视频调整为较小的宽度,但没有 有用
  • 我试着通过Chrome的元素检查器来解析CSS,但是 没用
  • 我的问题:
    有人能告诉我为什么Chrome会在页面包含YouTube嵌入时添加这些不需要的空间吗?

    我能找到的唯一修复方法是将
    #main
    容器的宽度设置为959px,而不是960px。可能不是正确的解决方案,但它有效

    我在“有问题的页面”示例中看到一张图像,但没有视频。@j08691他把链接弄混了,说没有YouTube嵌入的链接实际上有视频。我已经修好了。非常感谢你抓住并纠正了这一点。除了了解原因之外,我所希望的解决方案是最好的,是的,我可以确认你的解决方案是有效的。谢谢你的修复。