前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

在 CSS 布局中,用 float 和 position 的区别是什么?

呃,其实这个命题有误,只有position才是定位,float不能说是定位,不过你可以说这两种布局方式有什么不同。

float和position这两者并没有孰好孰不好的问题,两者按需使用,各得所需的效果。

float从字面上的意思就是浮动,这种在印刷排版之类中可能解释的更加贴切。float能让元素从文档流中抽出,它并不占文档流的空间,典型的就是图文混排中文字环绕图片的效果了。并且float这也是目前使用最多的网页布局方式。不过需要注意的是清除浮动是你可能需要注意的地方。并且如果你要考虑到古老的IE6之类的还会有一些bug诸如双边距等等问题。

css中position的值有哪些,分别有什么作用?

position 的值有以下几种:

1.static:元素的位置不受 top、bottom、left、right 属性影响。

2.relative:相对定位,元素相对于其 parents 元素的位置发生变化。

3.absolute:绝对定位,元素脱离文档流,相对于浏览器窗口进行定位。

4.fixed:固定定位,元素相对于浏览器窗口不会随着滚动条的移动而改变位置。

CSS position定位属性

属性介绍

简单来说position属性主要是用来确定一个控件在页面上的位置。

他的取值有五个:

1、static (默认)按照控件自身特点定位。

2、relative 相对位置定位

3、fixed 浮动定位

4、absolute 绝对位置定位

5、sticky 粘性定位

接下来我们具体的讲一下这个几个属性的含义:

前端入门——定位(position)

css 中的定位,是布局中常用的一种方法,它可以使html元素脱离文档流,重新定位。语法如下:

position: static|relative|absolute|fixed

position 有四个值,static(默认静态定位)、relative(相对定位)、absolute(绝对定位)、fixed(固定定位),通常配合left、top及z-index属性使用(static除外)。

<< 1 >>
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言