我有一个视频，我希望它占据宽度的100％但是当我在css代码中放置100％时，边距会扩大（视频甚至不会延伸），使用户能够水平滚动。
我的网页的CSS;
* {margin: 0; padding: 0;} //for html and body
//这是放置视频（id =预告片）的地方
#screen1 {
background: #07B63B;
}
#screen1 p {
padding-top: 200px;
}
//当前预告片的css
#trailer {
position: relative;
top: 10px;
width: 100%;
}
// html of trailer
<video id="trailer" width="985" height="400" controls autoplay>
<!-- MP4 must be first for iPad! -->
<source src="http://video-js.zencoder.com/oceans-clip.mp4" type="video/mp4" />
<source src="http://video-js.zencoder.com/oceans-clip.ogv" type="video/ogg" />
</video>
注意*顶部还有一个白色条形图，我放置了我的游戏标识，占据了屏幕1的高度，但肯定不会影响它，对吗？
如果我能够将视频中的徽标居中，我会删除它，使其具有强烈不透明度的白色圆形背景，以突出显示徽标。
图片：http（分号）// prntscr.com/3wcazn
我非常感谢您提供的任何帮助！