CSS中的float浮动属性，一般用于标签对象（例如：<div>标签盒子、<span>标签、<a>标签、<em>标签等html标签）的浮动布局，而浮动也就是我们常说的标签对象居左靠左和居右靠右）。同时float浮动属性一般只对块级元素有效。“块级元素你可以通俗的理解为占一行并且大小可以控制的元素”。
float的属性值：left（靠左浮动），right（靠右浮动），none（不使用浮动，为默认值）
float属性的使用案例：
<!DOCTYPE html><html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
.divcss5{ width:400pxpadding:10pxborder:1px solid #F00}
.divcss5_left{ float:leftwidth:150pxborder:1px solid #00Fheight:50px}
.divcss5_right{ float:rightwidth:150pxborder:1px solid #00Fheight:50px}
.clear{ clear:both}
</style>
</head>
<body>
<div class="divcss5">
<div class="divcss5_left">布局靠左浮动</div>
<div class="divcss5_right">布局靠右浮动</div>
<div class="clear"></div><!--清除float产生浮动-->
</div>
</body>
</html>
运行效果：
给你一段代码，创建了一个大小100*100的浮动窗口，贴着窗口的右边。
css代码：
<style type="text/css">#my_dialog {
position: fixed /*固定定位*/
right: 0
top: 50% /*贴着右边，垂直位置50%*/
height: 100px
width: 100px /*尺寸 100 x 100*/
transform: translate(0, -50%) /*通过位移，保证浮动窗口的垂直居中*/
box-shadow: 0 0 3px 1px rgba(180, 180, 180, 0.5)
background-color: white /*加些背景色和阴影，以便区分*/
}
</style>
html代码：
<div id="my_dialog"><!--窗口内容-->
</div>
浮动时只有左右浮动，定位就比较精确，正常浮动是配合内(padding)外(margin)补丁来做。而定位可以直接定好位，正常定位后不使用内外补丁。 举例：像一个导航菜单需要横向排放，那这时候只要用浮动后，就能变成横向排放。如果用定位，那就要对LI一个一个的字好位，所以不用定位。 再像如果用CSS SPRICIPT，就要用定位，才能更准确。你可以看看这两个之相的联系，网上好多的。求采纳
