<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> .box { /* width: 200px; */ height: 200px; border:2px solid red; float: left; } span { width: 300px; height: 60px; border: 1px solid deeppink; float: left; } </style> </head> <body> <!--三大类: 块 行内 行内块 想要知道的是浮动属性如何影响元素显示 块级元素 ---添加浮动---行内块 行内元素---添加浮动---行内块 --> <div class="box">wfrewftre</div> <div class="box">frewtretre</div> <div class="box">ewtretryg</div> <span>司法所股份的兴化股份</span> <span>司法所股份的兴化股份</span> <span>司法所股份的兴化股份</span> <span>司法所股份的兴化股份</span> </body> </html>
原文：https://www.cnblogs.com/xuixui/p/12362182.html