css清除浮动总结及table下的tr border设置

Posted 2021-02-11 zhangweigang

1.子级标签如果有浮动，想要设置父级标签的高度，必须给父级标签把浮动清除掉，这样高度就会由子元素高度自动撑开，不会出现元素塌陷。
列如下面代码：
.container ul {
　　zoom: 1;
}
.container ul::after {
    display: block;
    content: "";
    clear: both;
}

.container ul li {
    width: 33%;
    height: 430px;
    float: left;
}
详细参考：https://www.cnblogs.com/jianghao233/p/7773879.html
2.设置 table tr 的边框 代码：

table {
    border-collapse: collapse;　　//必须要有，否侧没有边框
}

.tab01 tr {
    border-top: 1px solid #2e507d;
}