div不换行_div同行_div强制不换行

使用Float

<!--已知两个div的宽度使用[Float]使两个DIV同行！注：float使用后需要清除；所以多写一个div-->
    <div style="width: 300px; height: 200px; border: 1px solid #4cff00;">
        <div style="width: 70%; height: 50%; float: left; background-color: red;">我是第一个div</div>
        <div style="width: 30%; height: 50%; float: right; background-color: yellow;">我是第二个div</div>
        <div style="clear: both;"></div>
    </div>

网页效果：