コーディングのよくある?どはまりポイント
position:fixedのどはまりポイント
子要素のマージン指定
【HTML】
<div class=”wrapper”>
<p class=”inner”>position</p>
</div>
【CSS】
position:fixed;
top:0;
right:0;
したのに、左の位置で固定…
なんでだ!?と思い四苦八苦してたら、子要素のマージンが原因だと気づく。
.inner{
margin-left:auto;
}
して解決。