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

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 */
}