CSS中float属性和浮动有什么区别

发布网友发布时间：2022-04-27 05:41

共3个回答

热心网友时间：2022-04-06 12:50

　　float就是浮动的意思。

　　float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。
　　如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。
　　注释：假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止。

　　默认值：none

　　继承性：no

　　版本：CSS1

　　JavaScript 语法：object.style.cssFloat="left"

　　可能的值

　　值描述

　　left 元素向左浮动。
　　right 元素向右浮动。
　　none 默认值。元素不浮动，并会显示在其在文本中出现的位置。
　　inherit 规定应该从父元素继承 float 属性的值。

热心网友时间：2022-04-06 14:08

看下面图的解释吧

代码如下

<!DOCTYPE HTML>

<html>

<head>

<title>CSS POSITION</title>

.div1{width:200px;height:200px;background:#f00;float:left;margin-top:20px;}

.div2 p{}

</style>

</head>

<body>

</div>

<p>dffffffffffffffffffffffffffffffffffffffffffffssssssss

dfsssssssss

</p>

</div>

</body>

</html>

热心网友时间：2022-04-06 15:42

首先你要搞清楚行内元素和块级元素的区别！以及相对定位和绝对定位的区别！绝对定位是基于相对定位的！但是浮动则是脱离了原来的文档流云挤压正常文档流的位置！