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
          不錯、講解的還算比較清晰易懂  回復  更多評論
            

          主站蜘蛛池模板: 团风县| 长春市| 华容县| 北安市| 洪洞县| 合肥市| 讷河市| 延安市| 赫章县| 建始县| 南通市| 山阴县| 贡觉县| 嘉定区| 仁布县| 高邮市| 大名县| 龙口市| 阳原县| 滁州市| 瑞丽市| 石嘴山市| 德昌县| 山阴县| 罗源县| 瑞金市| 米易县| 晋州市| 龙胜| 安徽省| 宜兴市| 黄浦区| 邵东县| 井研县| 榕江县| 忻城县| 井冈山市| 汝州市| 阿拉尔市| 顺平县| 扎囊县|