题目
请将类为"left"的div元素和类为"right"的div元素在同一行上向左浮动,且清除类为"wrap"的父级div元素内部的浮动。
核心代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>浮动和清除浮动</title> <style type="text/css">.wrap { height: 100px; /*补全代码*/ clear: both; } .left { width: 100px; height: 100px; float: left; /*补全代码*/ } .right { width: 100px; height: 100px; float: left; /*补全代码*/</style> </head> <body> <!-- 请将类为"left"的div元素和类为"right"的div元素在同一行上向左浮动,且清除类为"wrap"的父级div元素内部的浮动。 --> <div class='wrap'> <div class='left'></div> <div class='right'></div> </div> </body> </html>
总结
清除浮动有多种解决方法 本次值提供一种解决方法 伪类使用常识浮动最优方法之一