IFrameの位置

Question

Webブラウザの左側にあるiFrameがあります。それは固まっているようだ。それは約300〜400ピクセル離れているようです。何か案は？ありがとうございました。ここで

以下の私のCSSコード： - ：この場合

.wrapper { 
 
        display: block; 
 
        position:fixed; 
 
        top: 0; 
 
        width: 100%; 
 
        height: 100%; 
 
        box-sizing: border-box; 
 
        padding: 100px 0 20px; 
 
       } 
 
       .wrapper iframe { 
 
        height: 100%; 
 
        width: 100%; 
 
       }

 <div class="wrapper"> 
 
      <iframe src="My Source"></iframe> 
 
     </div>

Answer 1

を私はCSSに簡単な修正を行うことによってこの問題を解決することができました。

私はleft: 0;をCSSに追加しました。ここで

は、それが今のようになります。

.wrapper { 
        display: block; 
        position:fixed; 
        top: 0; 
        left: 0; 
        width: 100%; 
        height: 100%; 
        box-sizing: border-box; 
        padding: 100px 0 20px; 
       } 
       .wrapper iframe { 
        height: 100%; 
        width: 100%; 
       } 

は支援してみすべての人に感謝します。

彼が提供した情報は非常に有益であるため、ピーターの返答をチェックすることもお勧めします。

-z

Answer 2

は、bodyタグのマージンである、ちょうどあなたのCSSでこれを含める：

html, body {margin: 0px;} 

デモ：https://jsfiddle.net/1ap4fg30/

ブラウザエンジンのデフォルトスタイルを考慮する必要があります。 すべての要素をブラウザ間で一貫してレンダリングするには、CSSのリセットまたはスタイルシートの正規化を使用する必要があります。

は、例えば、このを見てみましょう：https://necolas.github.io/normalize.css/