浮动
1、浮动图片和文字
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>text_around</title>
<style type="text/css">
.container{
width:800px;
height:600px;
border:2px solid #333;
}
.container img{
float:left;
}
</style>
</head>
<body>
<div class="container">
<img src="./img/1.jpg">
<p>前言 目前Mock技术已经比较成熟，在日常的工作中Mock也可以给我们带来很大的遍历，
本篇文章将会使用Moco框架，一步一步搭建一套Mock Server，使得接口的自动化测
试更加的提前，也能够使得前后端分离。 共识与痛点 目前，在软件行业内，大家已
经达成的共识就是，测试的工作应该从需求阶段就开始，但在实际工作落地的时候，
我们也仅仅能够根据需求写一些测试用例。 在开发测试代码的过程中，调试就面临着
...前言 目前Mock技术已经比较成熟，在日常的工作中Mock也可以给我们带来很大的
遍历，本篇文章将会使用Moco框架，一步一步搭建一套Mock Server，使得接口的自
动化测试更加的提前，也能够使得前后端分离。 共识与痛点 目前，在软件行业内，
大家已经达成的共识就是，测试的工作应该从需求阶段就开始，但在实际工作落地的
时候，我们也仅仅能够根据需求写一些测试用例。 在开发测试代码的过程中，调试
就面临着...前言 目前Mock技术已经比较成熟，在日常的工作中Mock也可以给我们
带来很大的遍历，本篇文章将会使用Moco框架，一步一步搭建一套Mock Server，
使得接口的自动化测试更加的提前，也能够使得前后端分离。 </p>
</div>
</body>
</html>效果图
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>float</title>
<style type="text/css">
.container{
width:500px;
height:500px;
border:2px solid #333;
}
.box01{
width:100px;
height:100px;
background:blue;
color:#fff;
/*float:left;
clear:left;*/
float:right;
/*clear:right;*/
clear:both;
}
.box02{
width:100px;
height:100px;
background:red;
color:#fff;
/*float:left;
clear:left;*/
float:right;
/*clear:right;*/
clear:both;
}
.box03{
width:100px;
height:100px;
background:orange;
color:#fff;
/* float:left;
clear:left;*/
float:right;
/*clear:right;*/
clear:both;
}
/*.box04{
width:500px;
height:200px;
background:green;
}*/
</style>
</head>
<body>
<div class="container">
<div class="box01">11111</div>
<div class="box02">22222</div>
<div class="box03">33333</div>
</div>
<!-- <div class="box04">44444</div> -->
</body>
</html>
190
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
