css定位

1、CSS定位概述(Positioning)............................................................................................................1CSS相對(duì)定位....................................................................................

2、............................................12CSS絕對(duì)定位................................................................................................................................13CSS浮動(dòng)................................

3、........................................................................................................14CSS定位概述定位概述(Positioning)CSS定位定位(Positioning)屬性允許你對(duì)元素進(jìn)行定位。屬性允許你對(duì)元素進(jìn)行定位。CSS定位和浮動(dòng)定位和浮動(dòng)CSS為定位和浮動(dòng)提供了一些屬性，利用這些屬性，可以建立列式布

4、局，將布局的一部分與另一部分重疊，還可以完成多年來通常需要使用多個(gè)表格才能完成的任務(wù)。定位的基本思想很簡(jiǎn)單，它允許你定義元素框相對(duì)于其正常位置應(yīng)該出現(xiàn)的位置，或者相對(duì)于父元素、另一個(gè)元素甚至瀏覽器窗口本身的位置。顯然，這個(gè)功能非常強(qiáng)大，也很讓人吃驚。要知道，用戶代理對(duì)CSS2中定位的支持遠(yuǎn)勝于對(duì)其它方面的支持，對(duì)此不應(yīng)感到奇怪。另一方面，CSS1中首次提出了浮動(dòng)，它以scape在Web發(fā)展初期增加的一個(gè)功能為基礎(chǔ)。浮動(dòng)不完全是定位，不過

5、，它當(dāng)然也不是正常流布局。我們會(huì)在后面的章節(jié)中明確浮動(dòng)的含義。一切皆為框一切皆為框div、h1或p元素常常被稱為塊級(jí)元素。這意味著這些元素顯示為一塊內(nèi)容一塊內(nèi)容，即“塊框”。與之相反，span和strong等元素稱為“行內(nèi)元素”，這是因?yàn)樗鼈兊膬?nèi)容顯示在行中，即“行內(nèi)框”。您可以使用display屬性改變生成的框的類型。這意味著，通過將display屬性設(shè)置為block，可以讓行內(nèi)元素（比如元素）表現(xiàn)得像塊級(jí)元素一樣。還可以通過把dis

6、play設(shè)置為none，讓生成的元素根本沒有框。這樣的話，該框及其所有內(nèi)容就不再顯示，不占用文檔中的空間。但是在一種情況下，即使沒有進(jìn)行顯式定義，也會(huì)創(chuàng)建塊級(jí)元素。這種情況發(fā)生在把一些文本添加到一個(gè)塊級(jí)元素（比如div）的開頭。即使沒有把這些文本定義為段落，它也會(huì)被當(dāng)作段落對(duì)待：sometextSomemetext.腳本語法：腳本語法：object.style.display=“none“在我們的HTMLDOM教程中，您可以找到更多有關(guān)