如何使用 CSS 更改 DIV 视频元素的位置？

Question

在此页面上，您可以在帖子末尾看到嵌入的视频。 (http://viralinindia.net/narendra-modi/positive-news-journalist-megyn-kelly-insults-tea-seller-modi/14806/)

现在我想使用 CSS 将该视频放在标题上方，因为我已手动将视频放在每个帖子的末尾，并且不可能更改每个帖子。

该网站在 WordPress 上。

有什么想法吗？

Answer 1

您可以尝试，但如果不首先更改 HTML 结构，它很容易被破坏。您还应该注意较低分辨率 (RWD) 会进一步改变 CSS 代码。

但是要给出这个想法（这是一个坏主意），您可以尝试以下方法：

.video-container {
    position: absolute; /* position it absolutely */
    top: 0;
    width: 640px;
}

.theiaPostSlider_slides {
    position: initial; /* let the .video-container break out of the relative wrapper */
}

.td-post-header {
    padding-top: 500px; /* give the video some place at the top */
}