BODYタグにmargin-topまたはpadding-topを使用することに違いはありますか？

Question

高さ70ピクセルのスティッキーなナビゲーションバーを使用しています。そのためにコンテンツの残りの部分を正しく表示するには、bodyにpadding-top（ここでは...またはmargin-top）の70ピクセルを指定しています。

個人的に、マージンの代わりにパディングを使用しようとした理由は、マージンを使用したときに私のGoogleオートコンプリート実装がモーダル内に問題があったためです。

パディングやマージンの使用には違いがありますか（下向き）ですか？私は他の問題に遭遇するでしょうか？

Answer 1

私はあなたがマージンが

2.Paddingは、コンテンツ間の距離である別の要素から要素を分離するために使用されるパディングとマージン

1. の違いを理解する上でいくつかの困難を持って、ここだと思いますそして国境

   チェック次のスニペット

   #div-1{ 
    
       border:1px solid red; 
    
       width:300px; 
    
       margin-top:20px; 
    
       padding:10px; 
    
   } 
    
   
    
   #div-2{ 
    
       border:1px solid red; 
    
       width:300px; 
    
       margin-top:20px; 
    
   padding-top:5px; 
    
   }

   <div id="div-1"> 
    
       Div1 
    
   </div> 
    
   
    
   <div id="div-2"> 
    
       Div1 
    
   </div>

   上記のスニペットは

   をパディングせずに、このいずれかを考える余裕

   #div-1{ 
    
       border:1px solid red; 
    
       width:300px; 
    
       
    
       padding:10px; 
    
   } 
    
   
    
   #div-2{ 
    
       border:1px solid red; 
    
       width:300px; 
    
   padding-top:5px; 
    
   }

   <div id="div-1"> 
    
       Div1 
    
   </div> 
    
   
    
   <div id="div-2"> 
    
       Div1 
    
   </div>

   なく、これを考慮してパディングとマージン

   であります

   は、これらのスニペットは、マージンとパディング