Question

在my website，“Presse and Medias”部分，我想要一个白色方块在视频旁边（右侧）显示几个px，其中包含“hello”字样。不幸的是，这不起作用。我看到你好，但不是白色方块。知道问题是什么以及如何解决它？非常感谢，

这是我的HTML：

<div class="section" id="medias">
<div class="center">
     <iframe width="350" height="200" class="youtube-player" src="http://www.youtube.com/embed/qqXi8WmQ_WM" frameborder="0" allowfullscreen></iframe>
<div id="medias-txt"
        <p>hello</p></div>
 </div>
</div><!--END page4-->

这是我的css：

#medias-txt
{
    background-color:#fff;
    color:#000;
    width:100px;
    height:100px;
    padding:10px;
    float:right;
}

Answer 1

您没有关闭div标签

<div class="section" id="medias">
<div class="center">
     <iframe width="350" height="200" class="youtube-player" src="http://www.youtube.com/embed/qqXi8WmQ_WM" frameborder="0" allowfullscreen></iframe>
<div id="medias-txt">
        <p>hello</p></div>
 </div>
</div><!--END page4-->

这应该可以解决问题。

PS喜欢该页面上的视频：）

Answer 2

在你的css中，你需要在冒号和内容之间添加空格。例如：

#medias-txt
{
background-color: #fff;
color: #000;
width: 100px;
height: 100px;
padding: 10px;
float: right;
}

css - 为什么我的文本框没有出现？

2 个答案: