盒子UI

1,解决在opera和firefox浏览器下margin-top失效的问题.该问题主要是由于拿到到浮动造成的,解决办法:
<!--在浮动前加入一个行高为0的br,并设置overflow为自动-->
<br style="line-height:0; overflow:auto;"/>
<div style="float:left;margin-top:10px;">
<div style="float:right;margin-top:10px;">

2,在IE和OPERA中注释的使用问题:
<!----------在IE和OPERA中:这里可以有很多个"-" ------->
<!--在fireFox中:只可以这样,就是说前后只能有2个"-",多了就会破坏整段代码-->

3,解决使用浮动错位问题:
在用DIV做一行二列的时候,一般都会用到浮动(float),一个向左,一个向右.
<div style="float:left;">左列</div>
<div style="float:right;">右列</div>
上面2行代码在IE7中可能没问题,但在低版本的IE或者FireFox/opera中就会出现错误的现象,解决办法是在后面加上一个div清除浮动.
<div style="clear:both;"></div>