1

フローティング レイアウト内に YT ビデオ (iframe) を埋め込んでいますが、フロートが壊れています。右の div complete がビューから消えます。

シンプルなレイアウトです:

|コンテンツ| 左 | 左 | 真ん中 | 右 | /コンテンツ |

フィドル

HTML

<div id="container">
<div id="content">
    <div id="left"></div>
    <div id="middle">
        <iframe id="ytplayer" type="text/html" width="200" height="180" src="http://www.youtube.com/embed/CTAud5O7Qqk?autoplay=1" frameborder="0" />
    </div>
    <div id="right"></div>
</div>

CSS

#container {
width: 100%;
background-color: gray;
height: 200px;
}
#left {
width: 25%;
height: 190px;
background-color: green;
float: left;
}
#middle {
height: 190px;
width: 50%;
background-color: purple;
float: left;
}
#right {
width: 25%;
height: 190px;
background-color: orange;
float: left;
}
#content {
width: 80%;
height: 200px;
margin: auto;
}
4

3 に答える 3

1

マークアップにいくつか問題があります。

  1. <iframe>が正しく閉じられていません。
  2. divは#container閉じていません (ただし、最後の行をコピーしていない可能性があります)。
  3. のtype属性が<iframe>存在しません。
  4. このframeborder属性は非推奨です: CSS を使用してください。

YT ビデオを埋め込む必要がある場合は、[共有] をクリックし、ビデオの下にある [埋め込み HTML] をクリックします。

于 2013-05-05T10:34:26.673 に答える
0

終了タグでもまだ問題がある場合は、タグの間に何かを挿入してみてください。<iframe>&nbsp;</iframe>

（私のために働いた。）

于 2013-08-10T20:09:07.663 に答える