如何在视频查看器上方添加空间

时间:2016-06-23 23:59:43

标签: html css

以下是相关网页的链接:

http://ollapodridawhatuneeda.com/video_viewer2.html

我想在视频查看器屏幕上方留出空间,但到目前为止,为各种容器添加边距或填充只会导致整个内容区域被推下来。我希望它在视频查看器上方保持蓝色,而不是白色。到目前为止,我只完成了将容器向下推,同时在其上面留下一条白色带子,这不是我想要的效果。

有什么想法吗?

巴里格里克

2 个答案:

答案 0 :(得分:1)

实现任务的一种方法是添加:

padding-top: 100px;

代表<div id="content">,因此您的新CSS将如下所示:

#content {
    width: 960px;
    height: 1000px;
    background: #9CC;
    margin: 0 auto;
    padding-top: 100px;
}

这将推动视频容器。

答案 1 :(得分:0)

有两种可能的方法,取决于您想要距离的位置(只需尝试一下):

1。)将public void someMethod(EmailAddress emailAddress, ID id) {}(或任何值)添加到margin: 100px;(将添加到浅蓝色区域)

2。)或者将#videoContainer添加到padding-top: 100px;(将添加到浅蓝色区域)