(7)給包含塊乙個高度,或者說給定位物件的父級設定乙個高度。不然也許顯示的結果並不是你想要的。在下面的例子中,如果你本意要實現下面效果:把小盒子在父盒子中的左上角垂直往下偏移,上方留出一塊區域,如果你刪除了box1的高度會怎麼樣呢?自己測試一下吧。
執行**框
(8)放置絕對定位對像到可視區外會出現滾動條。一般情況下,絕對定位是用來方便定位網頁要看得見元素的,而不是拿它來隱藏物件的,一般隱藏物件常用到display與margin,如果你試圖把絕對定位的物件移出可視區域,嘿嘿,瀏覽器會為你準備滾動條去看望它。
執行**框
4.綜合例項見證定位的魅力
執行**框
5.延伸閱讀
(1)詳解定位與定位應用 小毅 藍色理想
(2)由淺入深漫談margin屬性 懌飛 藍色理想
經典論壇討論:
CSS學習之盒子模式
從css角度來看,頁面上每個元素都是乙個盒子,不管是塊元素還是內斂元素等。而這個盒子由四個部分組成。內容區,補白,邊框,邊界,下面來介紹下這四種元素。每個元素都是以某些內容開始的,比如文字或影象,這部分內容被放置在乙個大小正好能包含它的盒子裡。任何盒子在內容區周圍都能有一層補白。補白是可選的,所以不...
CSS學習之盒子模式
從css角度來看,頁面上每個元素都是乙個盒子,不管是塊元素還是內斂元素等。而這個盒子由四個部分組成。內容區,補白,邊框,邊界,下面來介紹下這四種元素。每個元素都是以某些內容開始的,比如文字或影象,這部分內容被放置在乙個大小正好能包含它的盒子裡。任何盒子在內容區周圍都能有一層補白。補白是可選的,所以不...
CSS盒子模式 Box Model
css 中有個重要的概念,就是盒子模式 box model 先看看下面這個圖,黑框包圍的乙個方塊,就是乙個盒子 box 盒子裡由外至裡依次是 css 邊距屬性 margin 是用來設定乙個元素所佔空間的邊緣到相鄰元素之間的距離。css 邊框屬性 border 用來設定乙個元素的邊線。css 間隙屬性...