<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
img{
float:left;
}
.box{
border: 1px solid hotpink;
}
p{
border: 1px solid hotpink;
background: red;
}
h2{
border: 1px solid darkcyan;
background: khaki;
}
/*浮动时,只是内容受到影响,其背景,边框不受影响.*/
</style>
</head>
<body>
<img src="img/jj.png" alt="" />
<p class="box">快快快快快快<sspan>计算机灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌设计师计算机</sspan>sssssssssssssssweis为什么sffsssssssssssssss快快快快快快快</p>
<p>你手机端快捷的sssssssssssssssssssssssssssssss快递</p>
<h2>京津冀急急急急急ssssssssssssssssssssssssssssss急急急急急急急</h2>
</body>
</html>
![](https://images2015.cnblogs.com/blog/897759/201608/897759-20160804114637793-693640669.png)
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步