码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-03-02 12:16:33      阅读:299      评论:0      收藏:0      [点我收藏+]

标签:自动   ble   contain   clear   高度   htm   没有   float   com   


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; }

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

标签:自动   ble   contain   clear   高度   htm   没有   float   com   

原文地址:https://www.cnblogs.com/zhangweigang/p/10460449.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!