神様、アドバイスをお願いします
写真のように、境界線とコンテンツの間に距離があるのはなぜですか? この距離を計算する方法を教えてください。 ：
コード:
& & lt;
body {
margin: 0;
#Test {
border: 1px font-size: 20px; 0; 0; 0; 0;
からの距離は 10 ピクセルです上から下、左、右の {padding:0} は、テキストと境界線の間の距離を 0 に設定します。 {margin:0} はコンテナの上、右、下、左の間の距離を 0 に設定します
line-height
line-height を設定していません
デフォルトは上、下で 10 です、左、右 ピクセル単位の距離 {padding:0} は、テキストと境界線の間の距離を 0 に設定します。 {margin:0} は、コンテナとコンテナの間の上下左右の距離を 0 に設定します。
測定後のデフォルトは 6px のみですが、font-size を大きくすると、距離は 0 になります。この距離はどうでしょうか?
padding:0;line-height:20px; 行の高さと文字の高さが同じに設定されている場合、スペースはありません
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
