题解 | #浮动和清除浮动#
浮动和清除浮动
https://www.nowcoder.com/practice/88bcbaee954349f5a8810bfa94ee61a8
FED14 浮动和清除浮动
描述
请将类为"left"的div元素和类为"right"的div元素在同一行上向左浮动,且清除类为"wrap"的父级div元素内部的浮动。
利用BFC清除浮动<html> <head> <meta charset="utf-8" /> <style type="text/css"> .wrap { /*补全代码*/ overflow: hidden; } .left { width: 100px; height: 100px; /*补全代码*/ float: left; } .right { width: 100px; height: 100px; /*补全代码*/ float: left; } </style> </head> <body> <div class="wrap"> <div class="left"></div> <div class="right"></div> </div> </body> </html>