1、效果如下：问题：在p hover时候将按钮设为display： block，这是很直接的想法，但是这有个问题，就是在悬浮出现按钮后，鼠标要移到按钮上过程中，离开了p经过间距时，按钮就会消失。
让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：域名与空间、虚拟空间、营销软件、网站建设、五通桥网站维护、网站推广。
2、在test.html文件内，在div内，再使用div标签创建一个类名为ff的div，用于作为悬浮的div。在test.html文件内，在css标签内，使用“*”初始化元素样式，设置外边距和内边距都为0。
3、第二种方法：首先根据下方图片中的代码进行输入编辑。然后根据下方图片中的代码进行输入编辑。然后继续根据下方图片中的代码进行输入编辑。
隔墙法：在两部分浮动元素中间，建一个墙。隔开两部分浮动，让后面的浮动元素，不去追前面的浮动元素。墙用自己的身体当做了间隙。 我们发现，隔墙法好用，但是第一个p，还是没有高度。
--清除浮动的四种方式： 使用空标记清除浮动，隔墙放。增加标签。 在浮动标签的后边加一个，不设置宽高然后设置.clearboth{clear：both}，然后再将需要的标签放到这个空标签后边即可 使用overflow属性清除浮动。
接下来在文章中将为大家详细介绍几种清除浮动的方法，具有一定的参考价值，希望对大家有所帮助。
第一种方式： 因为浮动框不在普通的文档流中，所以它不占据空间。
CSS里给一个DIV加上浮动以后，下面的DIV就把它覆盖是设置错误造成的，解决方法为：新建一个html文件，命名为test.html。在test.html文件内，创建两个div，分别为“第一层”和“第二层”。
如果3个div上下排列，第三个div加上float：right；的话，第三个div只是浮动到页面右面，不到到任何div下面。你浮动的是div，自然里面的文字不会浮动了。
div覆盖着另一个div，是因为其中一个或者两个脱离了文档流。
absolute是浮动层，浮动层位于普通层之上，所以K3没有浮动时会被K2盖住。
由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。
1、浮动的取值如下：left：对象浮在左边 right：对象浮在右边 clear 清楚左，右 浮动。
2、左浮动即float：left，使布局元素靠左浮动。右浮动即float：right，使布局元素靠右浮动。
3、值 描述 left 元素向左浮动。right 元素向右浮动。none 默认值。元素不浮动，并会显示在其在文本中出现的位置。
4、将一个盒子向右浮动，可以通过设置CSS的float属性来实现。具体的做法是，在CSS样式表中为盒子添加float：right；的属性值。这样设置之后，盒子就会向右浮动，并且其后面的元素会自动向上移动，以便腾出空间。
5、然后根据下方图片中的代码进行输入编辑。然后继续根据下方图片中的代码进行输入编辑。
6、在CSS中，给class设置float属性并赋值为right（右浮动）的作用是将该元素向右浮动。这是因为浮动是CSS中一种布局方式，通过设置元素的浮动属性，可以使元素脱离正常文档流并自动向左或向右浮动到其容器的边缘。
