1、浮动的取值如下：left：对象浮在左边 right：对象浮在右边 clear 清楚左，右 浮动。
创新互联企业建站,10余年网站建设经验，专注于网站建设技术，精于网页设计，有多年建站和网站代运营经验，设计师为客户打造网络企业风格，提供周到的建站售前咨询和贴心的售后服务。对于网站设计制作、网站设计中不同领域进行深入了解和探索，创新互联在网站建设中充分了解客户行业的需求，以灵动的思维在网页中充分展现，通过对客户行业精准市场调研，为客户提供的解决方案。
2、左浮动即float：left，使布局元素靠左浮动。右浮动即float：right，使布局元素靠右浮动。
3、值 描述 left 元素向左浮动。right 元素向右浮动。none 默认值。元素不浮动，并会显示在其在文本中出现的位置。
-moz-opacity：0.5； opacity：0.5；/*遮罩层一定要设置背景，否则起不到遮罩作用。
我们在CSS 中很多时候会用到浮动来布局。常见的有 float：left 或者 float：right 。
第三种方法也不是很常用，但是大家要知道clear：both这个东西。通过在所有浮动元素下方添加一个clear：both的元素，可以消除float的破坏性。
1、可以先打个草稿，左侧为文字区，右侧为图片区，图片区可以作为一个整体，这样可以看作一个大框里面包含两个盒子，左侧为文字盒子右侧为图片盒子，而图片盒子里面又含有三张图片，分析完成后，就可以利用浮动来解决问题。
2、CSS如何让浮动导航栏元素居中显示：制作导航栏是最为基础的布局技能之一，当然对于稍有经验的人员来说没有任何问题，不过对于初学者可能会有一定的困扰。
3、CSS浮动标签 填充表单 查看注释，与表单相关的代码从第 145 行开始。Name Email Subject 代码解释 标签的使用原因与占位符(Placeholders )相同，但当文本在输入字段中时不会消失，因为它允许用户始终查看所需的信息。
4、边框不能撑开如上图中，如果父级设置了CSS边框属性（css border），由于子级里使用了float属性，产生浮动，父级不能被撑开，导致边框不能随内容而被撑开。
外边距是盒子周围一圈看不到的空间。它会把其他元素从盒子旁边推开。 外边距属性值可以为正也可以为负。设置负值会导致和其他内容重叠。
css盒子模型概念CSS css盒子模型又称框模型 (Box Model) ，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。
盒子模型（p+CSS布局）是CSS的基石，它指定元素如何显示以及（在某种程度上）如何相互交互。 页面上的每个元素都被浏览器看成是一个矩形的盒子，这个盒子由元素的内容、填充、边框和边界组成。
标准盒子模型（Standard Box Model）标准盒子模型是CSS的默认盒子模型。在标准盒子模型中，一个元素的总宽度（width）和总高度（height）由内容区域（content）、内边距（padding）、边框（border）组成。
1、先介绍两个比较简单，但是不常用的解决方法：为父元素添加overflow：hidden 浮动父元素这两个方法比较简单，在这里也就不再演示了，大家有兴趣的可以自己去试试。第三种方法也不是很常用，但是大家要知道clear：both这个东西。
2、常见的有 float：left 或者 float：right 。简单点来说，前者是左浮动(往左侧向前边的非浮动元素飘，全是飘得元素的话，就按照流式来浮动从左到右，放不下则换行)，后者是右浮（往右飘）动。
3、第一种方式： 因为浮动框不在普通的文档流中，所以它不占据空间。
4、方法一：float+margin 思路：左边浮动，右边加上一个margin-left值，即可实现左边固定，右边自适应布局。
