CSSはインラインブロックのずれの問題を解決します

<div class="positionleft">私はポジションメソッドの左側にいて、30%を占めています</div>
        <div class="positionright">私は位置メソッドの右側にいて、70%を占めています</div>

 .positionleft{
           位置: 相対的;
           表示: インラインブロック;
           背景色: #8d8d8d;
           幅: 30%;
           高さ: 20%;

       }
       .positionright {
           位置: 相対的;
           表示: インラインブロック;
           左: 0;
           背景色: #ff8888;
           幅: 70%;
           高さ: 20%;
       }

<div class="positionleft">私はポジションメソッドの左側にいて、30%を占めています</div> <div class="positionright">私はポジションメソッドの右側にいて、70%を占めています
</div>