#boxA { float: left; width: 35%; } #boxB { float: right; width: 65%; }
<div id="boxA">A</div> <div id="boxB">B</div>
※ 水色の線はAボックスのボーダーです。緑はBボックスです。
※ Aボックスには、1pxのボーダーを指定していますので、高さがBボックスより2px高くなっています。また、box-sizing を指定していますので、未対応のブラウザでは正しく表示されないかもしれません。
※ 水色の線はAボックスのボーダーです。緑はBボックスです。
※ Aボックスには、1pxのボーダーを指定していますので、高さがBボックスより2px高くなっています。また、box-sizing を指定していますので、未対応のブラウザでは正しく表示されないかもしれません。