浮動：假設在乙個div中我們有兩個span，要使他們上下居中左右貼著邊框，這其實是乙個很簡單的問題，我們要使乙個div居中直接margin:0 auto;
但是在div中的span元素你卻不能使用這種方法，只能使用text-align=center，我覺得這個很奇怪，哪怕是把span設定成行內快也不可以，text-align=center
不管是給父元素div還是給自己本身，都可以居中，但是如果要給本身要先讓自己成為乙個行內快。這個有時間要好好研究一下。
position：一共有5個值
1>static 預設值，沒有什麼可以說的
2>relative 相對定位：簡單來說，就是以自己本來應該處於的位子來定位，比如使用relative之後使用left=5，他就是讓你向左偏移5，會與別的元素重合
3>absolute 絕對定位：就是相對父級的絕對定位的定位比如在乙個div裡面還有乙個div，你給他絕對定位他是以父級中有絕對定位的來定位。
4>fixed 就是想對與視窗來定位的
5>inherit 繼承父元素的定位的屬性
理解浮動和position定位
為了更好理解浮動和position，建議先看看我寫的這篇文章 html文件流和文件物件模型dom理解 css設計float屬性的主要目的，是為了實現文字繞排的效果。然而，這個屬性居然也成了建立多欄布局最簡單的方式。如何浮動乙個元素？先設定其寬度width，再增加樣式規則float left righ...
關於 position 的設定
position 用於常見的定位設定，主要包括absolute relative fixed 一 absolute絕對定位相對於瀏覽器視窗左上角移動或static 定位以外的第乙個父元素進行定位。設定完成後它會脫離原來的文件流 一般情況有絕對定位必有相對定位 position absolute le...
關於position的層級
在層級比較多的頁面中，經常會出現被遮蓋的情況。下面用例項來講講這個問題的解決方法。其實宗旨就一條 第乙個父元素的層級一定要比第二個父元素的層級要高。先看一下不如意的 父級元素1 子級元素1 父級元素2 子級元素2 不如意的顯示效果 父級元素1 子級元素1 父級元素2 子級元素2 正確顯示結果 總結 ...