パドリングなしでelemntを移動して、崩壊を回避するために脊柱またはマージンを動かさないようにしますか？

Question

どのように私は色のための境界線、または構造の他の要素と崩壊を避けるための余白が必要なので、パディングを使用せずにhtml elemntsを移動できますか？それを行うための方法はありますか？または唯一の方法であり、私は他人とのコラプスを避けるべきですか？

「 マージンES EL MargenのをQUE乾草desde国連elementoのhastaロスQUE TENGAらラド。

ボーダーdibuja未borde alrededorフストデESE contenido。

パディングES EL未contenedorのアントレENエスパシオQUE干し草エルcontenido y los bordes del contenedor。 "

Answer 1

私たちは学習を開始するときに、通常、移動要素にborder, margin and paddingを使用します。あなたが使用して起動することができ位置プロパティを使用すると

Position: relative, absolute, fixed... 

：しかし、他の選択肢は次のようにあります

Left, Right, Top and Bottom 

例：

.miClass { 
    position:relative; 
    top: 200px; 
} 

私はあなたがのためにそれらを使用することをお勧めを学習してみてください。それはそれらが非常に有用ではないので、学習してくださいベリーは悪い考えです。

ただ、それらのプロパティと遊ぶともあなたが使用できます。transform: translateX() translateY()等...

をあなたは、私がお勧めの経験を取得したら、あなたはプロであることを開始し、display:flex;を使用し、また、あなたが正しいHTML構造が必要になりますresponsivesのデザインと本当にプロのものを作るために...それはあなたが恋に落ちると私を信じるには簡単ではありません。

この投稿に返信する：How to Make Navigation Buttons Mobile-Responsive and Collapse in Order?ここでは、CSSの「自然順番」について説明します。

推奨事項：

• 失敗することによって学びます。
• はdisplay:flex
• してくださいスペインの質問を学び、適切%代わりpx
• の使用スペイン語でのStackOverflowにする必要がありますする方法を学び
• ありますが、これらすべてのものを学ぶことができるチュートリアルがたくさん

幸運：