コーディングのよくある？どはまりポイント

 

position:fixedのどはまりポイント

子要素のマージン指定

【HTML】
<div class=”wrapper”>
<p class=”inner”>position</p>
</div>

【CSS】
position:fixed;
top:0;
right:0;

したのに、左の位置で固定…
なんでだ！？と思い四苦八苦してたら、子要素のマージンが原因だと気づく。
.inner{
margin-left:auto;
}

して解決。