web布局相关

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

    <colgroup>
        <col style="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>

原文地址:https://www.cnblogs.com/yyq745201/p/4573621.html