position定位

WBOY
リリース: 2016-09-08 08:29:12
オリジナル
1582 人が閲覧しました

position的英文意思呢是位置,方位; 地位,职位; 态度; 状态;

它有定位有四个值分别是绝对定位的两个值absolute和fixed,相对定位的relative,还有一个默认的值static而它呢没有定位。

下面呢,我说先说一下:

    position的值,relative和absolute分别是相对于谁来进行定位的?

      absolute:生成绝对定位的元素,它是相对于最近一级的定位,而不是static的父元素来进行定位。

      fixed (老IE不支持)  也是生成绝对定位的元素,但是它是相对于浏览器窗口或者是frame来进行定位。

      relative 生成相对定位的元素,相对于其在普通文档流中的位置进行定位。

      static 默认值。没有定位,元素出现在正常的文档流中。

 

然后呢,我说一下:

    CSS的定位

      relative :相对定位,元素呢仍然处于正常的文档流中,但是可以通过 left、top、right 和 bottom 的 CSS规则来改变元素的位置。

      absolute :绝对定位,元素脱离了正常的文档流,但是呢也可以通过left、top、right 和 bottom 的 CSS规则来改变元素的位置。

      fixed :固定定位,元素脱离正常的文档流,也可以通过left、top、right 和 bottom 的 CSS规则来改变元素的位置。

      static :默认值,元素将按照正常文档流的规则来排列。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート