0

レスポンシブ YouTube ビデオをヘルプ ファイルに追加しようとしていますが、ビデオが親 div 内に含まれておらず、オーバーフローしています。ここで提案されている多くの修正を試みましたが、どれもうまくいかないようです。誰かが私を正しい方向に向けることができるかどうか疑問に思っています。私が話していることの例は、ここで見ることができます: http://designasticker.com.au/help.phpページを表示するには、次のユーザー名とパスワードを使用する必要があります:

ユーザー名：ステッカー パスワード：al765bd

4

2 に答える 2

1 
EDIT

負のマージンを追加します。

margin: -120px;

iframe 内のビデオのサイズを変更します。

<iframe width="YOUR INPUT" height="YOUR INPUT" src="//www.youtube.com/embed/-JWT_tC8_iE" frameborder="0" allowfullscreen></iframe>

「YOUR INPUT」をカスタムの幅と高さに置き換えます。

于 2013-11-05T01:07:34.477 に答える
0

うーん、これは単なる浮遊問題です。要素をフロートすると、ドキュメント フローから除外されます。つまり、親はフロートする子が存在することを認識しなくなります。

::after 疑似要素を親 (この場合は .displayScreen-row) に追加することで、これを回避できます。

.displayScreen-row:after { clear: left;
    display: block;
    height: 0;
    visibility: hidden;
    content: ' '; }

これは、標準に準拠したブラウザーでは機能しますが、IE 6 または 7 では機能しません。これら 2 つのブラウザー (条件付きコメントを使用してそれらのみを対象とする) については、次のような回避策が必要です。

IE6:

.displayScreen-row { height: 100%; }

IE7:

.displayScreen-row { min-height: 100%; }

IE 6 および 7 では、設定された高さがフロートされた子を誤って認識することができます。

于 2013-11-05T01:13:48.427 に答える