题解 | #浮动和清除浮动#
浮动和清除浮动
https://www.nowcoder.com/practice/88bcbaee954349f5a8810bfa94ee61a8
{"html":"<!DOCTYPE html>\n<html>\n\n<head>\n <meta charset=\"UTF-8\">\n <style>\n .wrap::after {\n /*补全代码*/\n content:\"\";\n border:1px,solid,black;\n clear:both;\n display:block;\n visiblity:hidden;\n\n \n}\n .left {\n width: 100px;\n height: 100px;\n /*补全代码*/\n border:1px,solid,black;\n float:left;\n \n}\n .right {\n width: 100px;\n height: 100px;\n /*补全代码*/\n border:1px,solid,black;\n float:left;\n\n \n}\n </style>\n</head>\n\n<body>\n <div class='wrap'>\n\t<div class='left'></div>\n\t<div class='right'></div>\n</div>\n <script type=\"text/javascript\">\n /* 填写JavaScript */\n \n </script>\n</body>\n\n</html>","css":"","js":""}
清除浮动的方法：
1、额外标签法(隔墙法)
2、父级添加overflow属性方法
3、父级添加after伪元素
4、父级添加双伪元素
万能方法：
父盒子：：after{
content："";
display:block;
clear:both;
visibility: hidden;
}
滴滴公司福利 1181人发布