(设计精华.docVIP

  • 5
  • 0
  • 约1.18万字
  • 约 9页
  • 2017-01-29 发布于北京
  • 举报
(设计精华

你对CSS中position属性的用法是否了解,这里和大家简单分享一下,在CSS布局中,Position发挥着非常重要的作用,很多容器的定位是用Position来完成。 如何正确的使用CSS:position属性它的作用是什么? Position的英文原意是指位置、职位、状态。也有安置的意思。在CSS布局中,Position发挥着非常重要的作用,很多容器的定位是用Position来完成。 Position属性有四个可选值,它们分别是:static、absolute、fixed、relative。我们下面来共同学习它们的不同的用法,在学习中我们应该去思考在什么布局情况下,应该使用它们其中的哪一种。 更多关于Position属性的资料请参考这里。 position:static 无定位 该属性值是所有元素定位的默认情况,在一般情况下,我们不需要特别的去声明它,但有时候遇到继承的情况,我们不愿意见到元素所继承的属性影响本身,从而可以用position:static取消继承,即还原元素定位的默认值。 如:#nav{position:static;}   position:absolute 绝对定位 使用position:absolute,能够很准确的将元素移动到你想要的位置,让我将nav移动到页面的右上角。我们可以这样写:nav{position:absolute;top:0;right

您可能关注的文档

文档评论(0)

1亿VIP精品文档

相关文档