2016-07-12 3 views
0

私のウェブページには、youtube iframe、YOUTUBE、および水平div要素、たとえばCAPTIONが表示されます。詳細には、vartical orderを尊重し、CAPTIONの上部がYOUTUBEの下部の直後に続きます。 2人はほぼつながっている。しかし、彼らの間には狭い部屋があります。私はそれを必要としません。どのようにして2人の間の不要な部屋を取り除くことができますか? ここでは、Webページのコードとイメージを示します。 コードの場合、最初はYOUTUBEを表し、div要素のみを持つgoogleポリマー要素であるCAPTIONを表します。私はあなたの質問に答えるためにGoogleポリマーを理解する必要はないと思います。 より詳しくは、2つの要素を中心にしている以外は、ページにCSSを必ずしも適用していません。あなたは、CTRL +シフト+ Iを経由して、彼らは不要なパディングやマージンを持っている場合、あなたはクロームでこれを行うことができます参照してくださいするために2つの要素を検査するために持っているか、右クリックふたつのhtml要素を見せつけないようにする方法

   <div id="player" class="main" ></div> 
        <demo-caption ></demo-caption> 

https://drive.google.com/file/d/0B-aNsxzNAaTDSFZEcGpPTTYzMnM/view

+0

相対位置を使用するを変更するには、マイナスのマージンを使用することができるだけで

。これを削除または上書きすると、直接適合します。 allplied cssクラスを追加できれば、誰かにヒントを与えることができます。 – mxlse

+0

@mxlse、情報ありがとうございました。私は2つの要素を中心にすることを除いてウェブページに必ず応募するCSSはありません。 – yuzu

+1

デフォルトでページには* * CSSが常に存在します。具体的にルールは、使用しているブラウザによって決まります。それは、あなたの質問で見られる可能性がある - マージンまたはパディングの設定。 (少なくとも、Firefoxでは、要素に対してgetComputedStyle()を使用することで確実にわかります)。マージンまたはパディングをデフォルトと異なるようにしたい場合は、自分で設定することができます。 –

答えて

0

要素。あなたは常にあなたのdivの位置

demo-caption{ 
    margin-top: -5px; 
} 

またはプレーヤーのdivやデモのキャプションは、おそらくいくつかのパディングやマージンを持って

demo-caption{ 
    position:relative; 
    top: -5px; 
} 
関連する問題