表格的布局和完善

以前表格更多的情况实际上是用来对页面进行布局的,但是这种方式早已被CSS所淘汰了
表格的列数由td最多的那行决定
表格是可以嵌套,可以在td中在放置一个表格
代码:

表格的布局
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 完善clearfix 解决父子元素的外边距重叠
	.box1:before{
		content: "";
		display:table;      可以将一个元素设置为表格显示
		display: table;
	}

1
2
3
4
5
解决父元素的高度塌陷

.clearfix:after{
content: “”;
display: block;
clear: both;
}
1
2
3
4
5
经过修改后的clearfix是一个多功能的样式,既可以解决高度塌陷,又可以确保父元素和子元素的垂直外边距不会重叠

.clearfix:before,
.clearfix:after{
content: “”;
display: table;
clear: both;
}

猜你喜欢

转载自blog.csdn.net/weixin_43993443/article/details/85557650