JAVA & XML & JAVASCRIPT & AJAX & CSS

          Web 2.0 技術儲備............

            BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理 ::
            77 隨筆 :: 17 文章 :: 116 評論 :: 0 Trackbacks
          語法:
          position?:?static?|?absolute?|?fixed?|?relative?
          取值:
          static??:?默認值。無特殊定位,對象遵循HTML定位規則?
          absolute??:?將對象從文檔流中拖出,使用?left?,?right?,?top?,?bottom?等屬性相對于其最接近的一個最有定位設置的父對象進行絕對定位。如果不存在這樣的父對象,則依據?body?對象。而其層疊通過?z-index?屬性定義?
          fixed??:?未支持。對象定位遵從絕對(absolute)方式。但是要遵守一些規范?
          relative??:?對象不可層疊,但將依據?left?,?right?,?top?,?bottom?等屬性在正常文檔流中偏移位置?

          說明:
          檢索對象的定位方式。
          設置此屬性值為?absolute?會將對象拖離出正常的文檔流絕對定位而不考慮它周圍內容的布局。假如其他具有不同?z-index?屬性的對象已經占據了給定的位置,他們之間不會相互影響,而會在同一位置層疊。此時對象不具有外補丁(?margin?),但仍有內補丁(?padding?)和邊框(?border?)。
          要激活對象的絕對(absolute)定位,必須指定?left?,?right?,?top?,?bottom?屬性中的至少一個,并且設置此屬性值為?absolute?。否則上述屬性會使用他們的默認值?auto?,這將導致對象遵從正常的HTML布局規則,在前一個對象之后立即被呈遞。
          設置此屬性值為?relative?會保持對象在正常的HTML流中,但是它的位置可以根據它的前一個對象進行偏移。在相對(relative)定位對象之后的文本或對象占有他們自己的空間而不會覆蓋被定位對象的自然空間。與此不同的,在絕對(absolute)定位對象之后的文本或對象在被定位對象被拖離正常文檔流之前會占有它的自然空間。放置絕對(absolute)定位對象在可視區域之外會導致滾動條出現。而放置相對(relative)定位對象在可視區域之外,滾動條不會出現。
          內容的尺寸會根據布局確定對象的尺寸。例如,設置一個?div?對象的?height?和?position?屬性,則?div?對象的內容將決定它的寬度(?width?)。
          此屬性對于?currentStyle?對象而言是只讀的。對于其他對象而言是可讀寫的。
          對應的腳本特性為?position?。?
          示例:
          div?{?position:relative;?top:-3px?}
          posted on 2006-03-21 09:36 Web 2.0 技術資源 閱讀(1192) 評論(1)  編輯  收藏 所屬分類: CSS

          評論

          # re: CSS 定位詳解 : position 規范說明 .... 2006-08-24 10:18 sanger
          不錯、講解的還算比較清晰易懂  回復  更多評論
            

          主站蜘蛛池模板: 弋阳县| 扎囊县| 马山县| 揭阳市| 宝应县| 德庆县| 铜川市| 民丰县| 东城区| 江阴市| 青田县| 石台县| 武川县| 台北市| 金堂县| 宣恩县| 舟山市| 腾冲县| 内乡县| 上饶县| 昌江| 通城县| 仁布县| 常山县| 临沭县| 南涧| 镇赉县| 都江堰市| 陈巴尔虎旗| 广东省| 凤冈县| 阿克苏市| 丹阳市| 安溪县| 浏阳市| 铅山县| 佳木斯市| 电白县| 绥滨县| 潍坊市| 土默特右旗|