清除浮动的常用方法

方法一：对收到影响的元素进行设置，哪侧受到浮动的影响就清除哪侧，

clear:both;

clear:left;

clear:right;

方法二：

同时设置100% 或固定宽度 +overflow:hidden;

尝试一下：如何使得p标签内容跟div标签的不同一行呢？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<style>
   .box2{background:#ddd;float: left;}
　　p{/*????*/}

</style>
<body>
<div class="box2">有浮动的层</div><p>文本ppppp</p>
</body>
</html>