HTML5：<！DOCTYPE html>はページスタイルを変更します

HTML5 <!DOCTYPE html>このコードを使用すると、前のIDが<div>のIDの幅が5.5ピクセルより大きくなります（ウィンドウのサイズによって5.5ピクセル変化しますが、常に異なる）。HTML5：<！DOCTYPE html>はページスタイルを変更します

とするとき、私はそれが同じ幅を有している<!DOCTYPE html>を削除すると、私は削除します。

<!DOCTYPE html> 
 
<html> 
 
    <body> 
 
    <div id="previous" style="background-color: gray;width: 5%;border-radius: 100%;"> 
 
     <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c1/Circle_arrow_left_font_awesome.svg/240px-Circle_arrow_left_font_awesome.svg.png" alt="previous" style="width: 100%;"> 
 
    </div> 
 
    </body> 
 
</html>

（ marginと padding、...に0を設定）し、助けていない100％に widthと <html>の heightと <body>を設定しようとした

しようとしましたリセットブラウザのスタイル。

出典

2016-07-14 robert

は、あなたのイメージのスタイルにdisplay: blockを追加します。デフォルトでは、イメージはインラインで表示されます。これは、下位階層のスペースを意味します。

出典

2016-07-14 21:32:12 ray

それがない作品が、私は – robert

インライン要素を理解していなかったdescenders'については、以下のこの部分 'スペースは文字のpとqのように、ディセンダを可能にするために、ベースライン下のスペースを残します。あなたのイメージがインラインで表示されている限り、その下にそのスペースがあります。詳しい情報はこちら[こちら]（https://mor10.com/removing-white-space-image-elements-inline-elements-descenders/） – ray

あなたの回答と説明のリンクを重複した質問に載せてください – robert

HTML5：<！DOCTYPE html>はページスタイルを変更します

答えて

関連する問題