私のfirefoxのデフォルトのfont-sizeは16pxです。
本文の高さは69px、divの高さは2 * 22なので、content-area内のタグの高さは69-22-22 = 25です。
なぜcontent-area内のタグの行の高さは25pxですか?コンテンツエリアのタグの高さが25pxの理由は何ですか?
body{
padding:0;
margin:0;
}
a {
background:black;
padding:5px 20px;
border:3px solid yellow;
margin:10px;
}
div {
background:green;
height:20px;
border:1px solid red;
}
<body>
<div></div><a href=""></a><a href=""></a><div></div>
</body>
そのコンテンツ領域でのタグの高さは25ピクセルである理由LGSonの答えのために、本当の問題は、それがLGSonの例では、あまりにも25ピクセルであると思います。私の場合は
、そのコンテンツ領域でのタグの高さは25ピクセルです。 タグのディメンションは0 * 25、高さは25pxです。
LGSonの最初のケースと最後のケースでは、コンテンツ領域のaの高さも25pxです。 最初のタグでは24 * 25、高さは25pxです。
'line-height'の' a'はブラウザのデフォルト値20pxです。 – connexo
なぜ中間領域の高さが25pxですか?それを計算してください。 –
その値(25ピクセル)はブラウザによって異なりますが、回答する前に何を期待していますか? – LGSon