本文介绍css中float和position的区别
工具/材料
Dreamwear
区别：
1、float的定义和常见用法：
float属性定义元素在哪个方向浮动。
以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。、
实例如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title></title>
<style type="text/css">
div{
width:200px
height: 200px
border: 2px solid pink
margin:0 5px
float: left
}
</style>
</head>
<body>
<div>11111</div>
<div>22222</div>
<div>33333</div>
</body>
</html>
float属相使得块级元素的div可以在同一行并排，效果如下：
2、position定义和用法：
这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。
其属相值有：
绝对定位的实例：
你好！这个有可能是你CSS设置了浮动，那这个时候，你只能一种方式就是将下拉菜单中的层次放到最顶端的位置，即z-index：9999，这表示，设置层在9999层，这个值如果没有设置的话，那就是说这个在原层，没有变动过，数值越高，越在上层。你的这个图片有可能就是比下拉菜单高出几层了，所以就被盖住了，你设置的z-index的值设置成高点，就会顶在上层了，不会盖住了。希望我的回答能令你满意！现在用的最多的就是bootstrap。1、
BootStrap
（响应式）
时髦、直观并且强大的前端框架，让Web开发变得更加容易。
2.
Foundation
（MIT；响应式）
最先进的响应式前端框架。
3.
960gs（GPL&MIT；响应式）
960gs提供了一个简单的网格系统，适合快速开发。
4.
Skeleton（MIT；响应式）
非常漂亮的Web模板，适合响应式、移动友好的开发。
5.
99lime
HTML
KickStart（Free）
适合网站快速开发的极简HTML构建模块。
6.
Kube（Free；响应式）
面向专业人员的CSS框架。
7.
Less
Framework（MIT；响应式）
自适应的CSS网格系统。
8.
Flameinwork（Free）
适合懒人开发者的前端微框架。
9.
G5
Framework（Free）
(x)HTML5、CSS、PHP前端开发框架。
10.
Easy
Framework（Free）
Easy
Framework是一个一体化前端解决方案，分structural、
presentational、interactive三层。
11.
Blueprint（Free）
一个旨在减少开发时间的前端框架。
12.
YAML（Creative
Commons）
(x)HTML+CSS框架，适合开发现代化浮动布局。
13.
BlueTrip（Free）
一个功能全面、并且美丽的CSS框架，适合于Blueprint搭配使用。
14.
YUI3:Grids
CSS（BSD）
YUI
Grids
CSS是最著名的CSS框架之一，是由Yahoo开发小组开发而成。
YUI
Grids
CSS为开发者提供了预先设置的四种不同页面宽度，六种不同的模板。
15.
52framework（Creative
Commons）
对HTML5支持非常好，简单易用。
16.
elastiCSS（MIT）
一个基于Web接口和印刷布局的简单CSS框架。
17.
Emastic（Free）
一个与众不同的CSS框架。
18.
Fluid
960
Gride
System（GPL/MIT）
Fluid
960
Grid
System的模版是根据Nathan
Smith之前的作品而创建的。即960
Grid
System：传承了MooTools和jQuery
JavaScript
libraries的效果。
19.
xCSS（MIT）
一个面向对象的CSS框架，能让你的工作流更加简洁。xCSS基于CSS，可以在开发复杂样式时，提供面向对象的工作流。
20.
EM
CSS
Framework（MIT/GPL）
EM
CSS
Framework提供了一个960px宽
+
12
列网格系统
+
CSS的通用样式。
