想知道什么时候用浮动，什么时候用定位？

Question

对于浮动和定位还是搞不清楚，求助，最好能有个例子说明，多谢！

Answer 1

浮动，是因为有时候元素属于内联元素的时候是自动流式布局的，当我们想让一个或者多个元素有格式的有可观性的时候，需要给他进行浮动；

比如：多个li，给他左浮动就会显示一排，不然是一行一行地显示；

定位：定位是根据自己网页的需要的时候，想把某个元素的位置固定在哪里哪里或者相对于什么来定位；

那么讲解下position定位；position定位常用的三种；

1、relative，相对定位；相对定位只根据父元素的位置定位，一般默认是在父元素下面没有任何样式，可以自己规定相应的样式；

2、absolute，相对于父元素的绝对定位，这是定位一般用在元素内需要进行绝对定位的元素，（如：我想把一个图片绝对定位到元素内的左下角，一般这样写:img{position:absolute;right:0;bottom:0;}）注意的是，元素使用绝对定位后，那么它的父元素需要进行一次相对定位，不然绝对定位的元素是以body（也就是整个网页）来进行定位的；

3、fixed，相对于浏览器窗口来定位；这个定位一般用到的地方，如网页右侧的联系弹框，返回顶部，分享等；

怎么使用呢？

样式（以类名为top为例）：.top{positon:fixed;left:0;top:100px;}表示：元素显示在浏览器的最右边，距离顶部100px的距离；

Answer 2

两个块级元素在一行用浮动   定位有相对定位和绝对定位    希望能给你点帮助

Answer 3

你有必要好好理解一下浮动，与定位，深入了解，，理解之后差不多就可知道了