Question

我创建了一个简单的div，其中我有一个youtube视频，然后在右边我想写文本。但是，在设置div背景样式时，仅适用于文本，而不适用于视频对象。有什么指针吗？

以下代码 -

HTML

<body>

<h1>PEACE TODAY</h1>

<div id="video">

<object id="youtube" type="application/x-shockwave-flash" style="width:540px; height:300px;" data="http://www.youtube.com/v/VS4KoApcZHU&feature=relmfu">
</object>

<p> This is a youtube video </p>

</div>

</body>

CSS -

body {
    background-color: #B7DBFF;
    color: #006;
    font-family:Verdana, Geneva, sans-serif;
    margin:10%;
}

#video {
    background-color:#FFFFFF;
    padding:3%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

#youtube {
    clear:left;
    float:left;
}

Answer 1

将float: right;或float: left;添加到div：

#video {
    background-color:#FFFFFF;  
    float: right;
    padding:3%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

Answer 2

向div添加overflow: hidden;

#video {
    background-color:#FFFFFF;
    padding:3%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
}

所以＆＃34; div＆＃34;根据内部的内容进行调整

如何在对象/视频后面保留div背景

2 个答案: