CSS2.0  position属性

  次阅读 作者:智能小宝 来源:互联网 2016-03-25 16:35 我要评论(0)

position属性可将元素以static(静态)、relative(相对)、absolute(绝对)、fixed(固定)的方式来安置。position属性无继承性。Possible Values 可能用到的值staticThe element is placed in a normal position (according to the normal flow). With the value of "static" we do not use the "left" and "top" properties元素以正常的形式形式来安置(以正常下垂的形式)。使用了static值我们就无法使用"left"以及"top"属性 relative Moves an element relative to its normal position, so "left:20" adds 20 pixels to the element's LEFT position相对元素原本的位置来对它进行移动,因此"left:20"就会将元素的左定位增加20象素距。relative是相对定位,它的参照点是该元素本来应该在要位置。比如说网页上并排放A B C这三个元素,如果给B设的css style是position为relative,且给一个正的left值的话,那么B就可以显示在C的右边了。relative的这种定位比较怪,原来一直以为是相对别的什么东西定位的,昨天才知道是错的。由于“该元素本来应该在要位置”在设计网页的时侯不好琢磨,故relative方式是并不好用的方式,搞不好就会把网页搞乱。absoluteWith a value of "absolute" the element can be placed anywhere on a page. The element's position is specified with the "left", "top", "right", and "bottom" properties使用"absolute"值可以让元素放到页面的任何一个位置。元素的定位完全依赖"left","top","right"以及"bottom"的指定。absolute是绝对定位,即当前元素的坐标是相对其上一级的左上角来表示的。这个上一级是整个page,或是嵌套在外层的一个DIV。而表格中的TD等元素不会成为上一层,也就是说想以当前单元格的左上角为参照,absolute地定位是不可以的。

本站文章信息来源于网络以及网友投稿,本站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。如果您有什么意见或建议,请联系QQ28-1688-302!

人工智能实验室
相关文章相关文章
  • 无人驾驶汽车如何改变城市生活?听听他们怎么说

    无人驾驶汽车如何改变城市生活?听听他们怎么说

  • 韩春雨称已能重复实验结果 近期将有消息公布

    韩春雨称已能重复实验结果 近期将有消息公布

  • 英国研发“杀生”机器人 通过生命体获取能量

    英国研发“杀生”机器人 通过生命体获取能量

  • 未来两年人工智能要怎么走?看这篇就够了

    未来两年人工智能要怎么走?看这篇就够了

网友点评网友点评
阅读推荐阅读推荐

据国外媒体报道,在过去两年内,聊天机器人(chatbot)、人工智能以及机器学习的研发和采用取得了巨大进展。许多初创公司正利用人工智能和...

霍金 视觉中国 图 英国著名物理学家霍金(Stephen Hawking)再次就人工智能(AI)发声,他认为:对于人类来说,强大AI的出现可能是最美妙的...

文|郑娟娟 今年,人工智能(AI) 60岁了。在AI60岁的时候,笔者想要介绍一下AI100,一个刚刚2岁的研究项目,但它的预设寿命是100年,甚至更长...

AlphaGo与李世石的人机大战,为大众迅速普及了人工智能的概念。 但对谷歌而言,除了下围棋,现在的人工智能进展到哪一步了?未来,人工智能...