在 CSS 布局中，用 float 和 position 的区别是什么？

呃，其实这个命题有误，只有position才是定位，float不能说是定位，不过你可以说这两种布局方式有什么不同。float和position这两者并没有孰好孰不好的问题，两者按需使用，各得所需的效果。float从字面上的意思就是浮动，这种在印刷排版之类中可能解释的更加贴切。

知乎每日精选

关于Css的所有讲解内容

CSS很像化妆，通过不同的CSS将同样的HTML内容打造为不同的呈现结果。所以，前端程序员相互表白的时候可以说:you are the CSS to my HTML.

极速梦想T

探索CSS position属性

提示：点击上方"蓝色字体"↑ 可以订阅噢！摘要 51RGB官方微信position是CSS中非常重要的一个属性，通过position属性，我们可以让元素相对于其正常位置，父元素或者浏览器窗口进行偏移。

二哥说麻将

你要的CSS布局都在这里

这篇文章，替大家汇总了css的布局方式，在每个布局的结尾附上了我认为比较好的文章链接，不仅仅可以当作学习资料，也可以当作方法的查询手册，以后开发的时候忘记了某个属性就来查查。

三木前端笔记

浅谈html元素的float属性

在web网页制作的工作中，元素的float属性非常常用。顾名思义float属性就是浮动的意思，运用了浮动属性的元素常称为浮动元素。我们经常使用元素浮动属性来控制网页的结构以及制作一些酷炫的效果。但是这个属性具有难以把握的特点，下面逐条进行说明：a.

天洑软件

CSS 浮动(float) 宝妈级教程 通俗易懂

块级元素独占一行 从上向下顺序排列。div hr p h1-h6 ul ol form table。 父级添加overflow 属性值设置hidden auto scroll。

小王八NPC

CSS教程：什么是浮动

什么是浮动通过上一章节，我们知道网页是文档流的形式，如果我们想将元素不遵守从左到右，从上往下的规则，那么我们就需要一个CSS属性进行破坏操作。这个CSS属性就称之为浮动，书写方式为float，它一共有两个参数left和right，分别是左浮动和右浮动。

经历沧桑的少年

一个简单的CSS属性助你实现页面的等比例缩放，快来学习一下吧

在响应式布局逐渐成为主流的今天，网页或者app的流式布局已经不算是一个新鲜的词汇了。通过以上代码，完

前端周老师

10个CSS+JS实战技巧，让你的网站从“死板”变鲜活，前端人必看

一、静态网站已被淘汰！用户留不留，全看这一步打开两个网站：一个加载完成后只剩冰冷的文字和图片，没有任何动静，点击、hover都毫无反馈；另一个按钮hover时轻轻上浮，滚动时内容平滑浮现，点击后有清晰的色彩响应，整个页面像“活”过来一样。

知识大胖

技术干货：CSS的浮动和定位，我是这么来理解的！

标准流的默认特性1、分行、块级元素，并且能够dispay转换。2、块级元素（block）：默认独占一行，不能并列显示，能够设置宽、高，宽度为父盒子的100%。