web布局相关

1.用table布局时，如果设置了table-layout:fixed或者对第一行的两个列进行了合并后导致后面的列宽度失效，这是可以使用

<colgroup>
        <col style="width:140px;" />
        <col />
    </colgroup>

来解决

2.margin collapsing问题的解决

问题描述：当两个容器嵌套时,如果外层容器和内层容器之间没有别的元素,firefox会把内层元素的margin-top作用与父元素。

解决1：使用子容器浮动来解决，即将子层代码改为：<div style="margin-top:200px;float:left";>子层</div>

解决2：使用父容器的padding-top来解决，即： <div style="padding-top:200px;"> <div>子层</div> </div>