为 clearfix 类所在的 div 内部最后处添加一个 div 标签,内容为 . ,高度为0, 隐藏
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>title</title> <style> .left{ float: left; } .container{ background-color: red; } .container .item{ width: 180px; height: 150px; background-color: #303a40; border: 1px solid red; } .clearfix:after{ content: '.'; display: block; clear: both; visibility: hidden; height: 0; } </style> </head> <body> <div class="container clearfix"> <div class="item left"></div> <div class="item left"></div> <div class="item left"></div> <div class="item left"></div> <div class="item left"></div> <div class="item left"></div> <div class="item left"></div> <div class="item left"></div> </div> <div>abcd</div> </body> </html>
如对本文有疑问, 点击进行留言回复!!
css深入剖析transform的translate和perspective
HCIE第四天总结(典型组网之一:CSS+Eth-Trunk+iStack)
了解下Apache Elasticsearch 和 Kibana
网友评论