浮动的性质:脱标(准文档流)、贴边(左或右墙纸 好像有吸引力)、字围(绕效果)、收缩。
关于收缩:一个浮动的元素,没有设置它的宽度,那么将自动收缩为文字的宽度。
eg:这个div没有设置宽度,它就自动收缩为文字的宽度。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.box1{
float: left;
background-color:pink;
}
</style>
</head>
<body>
<div class="box1">文字</div>
</body>
</html>