css：
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;} .clearfloat{zoom:1}
布局：
<div class="div1 clearfloat"> <div class="left">Left</div> <div class="right">Right</div> </div>
css的文字过长裁剪后面跟着省略号
首先要加的是这些属性{height:value;width:value;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;}
加高度这些文字过长就不会往下面跑，直接隐藏掉。加white-space: nowrap才能显示出省略号，不加就是显示不出来