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

标签 html css

<分区>


关闭 6 年前

这是指向相关页面的链接:

http://ollapodridawhatuneeda.com/video_viewer2.html

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

有什么想法吗?

巴里·格里克

最佳答案

完成任务的一种方法是您可以添加:

padding-top: 100px;

对于<div id="content"> ,所以你的新 CSS 看起来像:

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

这会将视频容器向下推。

关于html - 如何在视频查看器上方添加空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38003714/

上一篇:css - Jekyll 和 SinglePaged 主题

下一篇:javascript - 如何阻止 jQuery TourBus 在点击时创建两个实例?

相关文章:

css border-box 属性不适用于大填充值

javascript - 防止文本覆盖幻灯片图像

html - 在多列上对齐按钮组和 Bootstrap 中的文本

javascript - Skrollr,在方向改变时翻转图像

html - 如何通过 css 添加大的褪色文本背景?

html - 任何尺寸底部附近的 float 条

php - 带有固定 header 的可滚动 echo 数据库表

javascript - jquery 是(:visible) for visibility : hidden

javascript - 无法点击提交按钮

javascript - 使用 AJAX/JQUERY 将每个 <td> 中的数据附加到 JSP 生成的表中