所有元素的預設定位都是：position:static，這意味著元素沒有被定位，而且在文件**現在它應該在的位置。
一般來說，不用指定 position:static，除非想要覆蓋之前設定的定位。
#div-1
如果設定 position:relative，就可以使用 top,bottom,left 和 r程式設計客棧ight 來相對於元素在文件中應該出現的位置來移動這個元素。【意思是元素實際上依然佔據文件中的原有位置，只是視覺上相對於它在文件中的原有位置移動了】
#div-1
當指定 position:absolute 時，元素就脫離了文件【即在文件中已經不佔據位置了】，可以準確的按照設定的 top,bottom,left 和 right 來定位了。
#div-1a
如果我們給 div-1 設定 relative 定位，那麼 div-1 內的所有元素都會相對 div-1 定位。如果給 div-1a 設定 absolute 定位，就可以把 div-1a 移動到 div-1 的右上方。
#div-1
#div-1a
現在就可以使用相對定位和絕對定位來做乙個兩欄布局了。
#div-1
#div-1a
#div-1程式設計客棧b
一種方案是給元素設定固定高度。但這種方案對大多數設計來說不太適合，因為一般我們不知道元素中會有多少文字，或者將要使用的精確的字型大小。
#div-1
#div-1a
#div-1b
對於可變高度的列來說，絕對定位就不起作用了，以下是另外乙個方案。
我們可以浮動乙個元素，使它移動到左邊/右邊，並且是文字環繞著它。這主要用於影象，但這裡我們把它用於乙個複雜的布局任務(因為這是我們唯一的工具)。
#div-1a
如果我們把乙個元素向左浮動，並且把第二個元素也向左浮動，they will push up against each other。
#div-1a
#div-1b
在浮動元素之後，我們可以清除浮動來使其他元素正確定位。
#div-1a
#div-1b
#div-1c
本文標題: 網頁製作學習教程 css position
本文位址:
網頁製作學習日記
en html5標準網頁宣告,支援html5標準的主流瀏覽器都認識這個宣告.根標籤,html檔案標籤,其中是網頁正文,lang是language的縮寫,可以理解開發者的國際,中國開發人員就是將en改為zh cn.之所以設定這個是因為,如果你在中國開啟乙個lang en 的網頁,瀏覽器會彈出乙個是否翻...
CSS教程 設計製作網頁的CSS經驗
有些習慣顯得尤為重要，今天與您分享六個css習慣。因為習慣其實是會變的，所以只能寫 最近 的。這些習慣都跟技術無關，如果不遵守，也不會出錯。但是我覺得良好的習慣會體現乙個人的素質。我們在我們中向大家介紹過很多css經驗與技巧，這些東西都發布在的文章中，相信對大家是有一些幫助與啟發的。有些習慣顯得尤為...
網頁製作規範
creation data 2000 8 1 original author eastline 補充 為了保證 能夠與下一代的web語言xml標準相容，所有的html標籤的屬性都要用單引號或者雙引號括起，即我們應該寫而不是 2.允許全文檢索的頁面，為了使internet 上的搜尋引擎能夠有效檢索，在...