float 和 position

[goldEli]

说说 float 和 position 这两个属性的理解

[lurasso]

float浮动，是一种脱离文档流的布局方式，position定位，是在文档流内的布局方式，其中absolute和fixed是脱离文档流的。两者都可以设置元素位置，但是float比position灵活一点

[FireDragonZL]

• [x] float浮动属性：none | left | right （默认none） 该属性用于浮动流布局，在CSS中，任何的元素都可以是浮动元素，浮动元素会生成一个浮动框。允许文本围绕在图像的周围
• [x] postition 定位属性：absolute | relative | static | fixed | inherit（默认static） 该属性用于定位布局，灵活性较float差。

[748580573]

float分左浮动和有浮动，它可以使元素漂浮起来，只要元素附近有足够的空间，元素就会向float定义的方向漂浮。 position定义了元素的定位方式。position一共有6种定位方式常用的4种有

• static：默认布局
• absolute：脱离当前文档流，可以将元素定位到我们想要的位置上去，absolute以父级的relative为锚点进行定位。
• relative：如果对一个元素进行相对定位，它将出现在它所在的位置上，然后以该位置为锚点进行平移。
• fixed：fix就是相对于浏览器窗口进行定位。