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>

网页效果:

 

posted @ 2016-10-24 10:10  淘小人  阅读(3189)  评论(0编辑  收藏  举报