CSS中float属性和浮动有什么区别
如上图，框1向左浮动，框2就隐藏在框1的下面，说明框1脱离的文档流中。而float属性却说这个属性向左或向右移，使文本围绕在图像周围，我想知道的是float属性不就是浮动...
如上图，框1向左浮动，框2就隐藏在框1的下面，说明框1脱离的文档流中。
而float属性却说这个属性向左或向右移，使文本围绕在图像周围，我想知道的是float属性不就是浮动吗，为什么上面那个浮动就脱离了文档流，而下面这个float属性只是移动到右边或者左边，实在还在文档流中占据位置，它们说的不是同一个属性吗？大家都是浮动，为什么两个效果不一样？上面那个是上面属性的？
这是float属性 展开
而float属性却说这个属性向左或向右移，使文本围绕在图像周围，我想知道的是float属性不就是浮动吗，为什么上面那个浮动就脱离了文档流，而下面这个float属性只是移动到右边或者左边，实在还在文档流中占据位置，它们说的不是同一个属性吗？大家都是浮动，为什么两个效果不一样？上面那个是上面属性的？
这是float属性 展开
4个回答
展开全部
float就是浮动的意思。
float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。
如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。
注释：假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止。
默认值：none
继承性：no
版本：CSS1
JavaScript 语法：object.style.cssFloat="left"
可能的值
值 描述
left 元素向左浮动。
right 元素向右浮动。
none 默认值。元素不浮动，并会显示在其在文本中出现的位置。
inherit 规定应该从父元素继承 float 属性的值。
float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。
如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。
注释：假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止。
默认值：none
继承性：no
版本：CSS1
JavaScript 语法：object.style.cssFloat="left"
可能的值
值 描述
left 元素向左浮动。
right 元素向右浮动。
none 默认值。元素不浮动，并会显示在其在文本中出现的位置。
inherit 规定应该从父元素继承 float 属性的值。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
看下面图的解释吧
代码如下
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>CSS POSITION</title>
<style type="text/css">
.div1{width:200px;height:200px;background:#f00;float:left;margin-top:20px;}
.div2 p{}
</style>
</head>
<body>
<div class="div1">
</div>
<div class="div2">
<p>dffffffffffffffffffffffffffffffffffffffffffffssssssss
dfsssssssss
</p>
</div>
</body>
</html>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
首先你要搞清楚行内元素和块级元素的区别！以及相对定位和绝对定位的区别！绝对定位是基于相对定位的！但是浮动则是脱离了原来的文档流云挤压正常文档流的位置！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
Vue实践-CSS样式position/display/float属性对比使用
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
