這篇文章主要講解了“CSS中Position屬性的功能”，文中的講解內(nèi)容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“CSS中Position屬性的功能”吧！

創(chuàng)新互聯(lián)建站服務項目包括郯城網(wǎng)站建設、郯城網(wǎng)站制作、郯城網(wǎng)頁制作以及郯城網(wǎng)絡營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關系等，向廣大中小型企業(yè)、政府機構等提供互聯(lián)網(wǎng)行業(yè)的解決方案，郯城網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務的客戶以成都為中心已經(jīng)輻射到郯城省份的部分城市，未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任！

position定位類型

定位元素（positionedelement）是其計算后位置屬性為relative,absolute,fixed或sticky的一個元素。

相對定位元素（relativelypositionedelement）是計算后位置屬性為relative的元素。

絕對定位元素（absolutelypositionedelement）是計算后位置屬性為absolute或fixed的元素。

粘性定位元素（stickilypositionedelement）是計算后位置屬性為sticky的元素。

大多數(shù)情況下，height和width被設定為auto的絕對定位元素，按其內(nèi)容大小調(diào)整尺寸。但是，被絕對定位的元素可以通過指定top和bottom，保留height未指定（即auto），來填充可用的垂直空間。它們同樣可以通過指定left和right并將width指定為auto來填充可用的水平空間。

除了剛剛描述的情況（絕對定位元素填充可用空間）：

如果top和bottom都被指定（嚴格來說，這里指定的值不能為auto），top優(yōu)先。

如果指定了left和right，當direction設置為ltr（水平書寫的中文、英語）時left優(yōu)先，當direction設置為rtl（阿拉伯語、希伯來語、波斯語由右向左書寫）時right優(yōu)先。

position語法

position屬性被指定為從下面的值列表中選擇的單個關鍵字。

取值

static

該關鍵字指定元素使用正常的布局行為，即元素在文檔常規(guī)流中當前的布局位置。此時top,right,bottom,left和z-index屬性無效。

relative

該關鍵字下，元素先放置在未添加定位時的位置，再在不改變頁面布局的前提下調(diào)整元素位置（因此會在此元素未添加定位時所在位置留下空白）。position:relative對table-*-group,table-row,table-column,table-cell,table-caption元素無效。

absolute

不為元素預留空間，通過指定元素相對于最近的非static定位祖先元素的偏移，來確定元素位置。絕對定位的元素可以設置外邊距（margins），且不會與其他邊距合并。

感謝各位的閱讀，以上就是“CSS中Position屬性的功能”的內(nèi)容了，經(jīng)過本文的學習后，相信大家對CSS中Position屬性的功能這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)網(wǎng)站建設公司，，小編將為大家推送更多相關知識點的文章，歡迎關注！

名稱欄目：CSS中Position屬性的功能-創(chuàng)新互聯(lián)
標題路徑：http://weahome.cn/article/ceephd.html