首頁 >web前端 >css教學 >什麼是css定位? css定位怎麼使用

什麼是css定位? css定位怎麼使用

云罗郡主
云罗郡主原創
2018-11-14 11:55:543486瀏覽

css定位是什麼?新手怎麼使用css定位?相信對於剛入門的新手來說,這些都比較陌生,那麼接下來我們就來講解一下什麼是css定位? css定位怎麼使用? 【推薦閱讀:總結css中常見的四個定位屬性(left right top bottom)

什麼是css定位? css定位怎麼使用

一:什麼是css定位

css定位有三種定位機制,分別是普通流,定位和浮動,在css中,普通流的位置是在xhtml中決定,任何一個文字都是要限制的,同時也是可以透過css樣式改變位置,我們可以透過margin標籤來讓元素的位置改變。利用css定位,來取得標籤的正常位置,從而得到父元素和其他瀏覽器的相對位置。

二:css定位怎麼使用

細心的人在瀏覽網頁的時候,都會發現有的網站在右側有一個地方,是固定不動的,瀏覽者無論怎麼瀏覽,右側的區域都是不動的,接下來我們就來實現這個功能。

1.實作我們在程式碼中建立一個div,並且給div增加寬度和邊框,並且在網頁中居中顯示,然後我們就可以在這個div中添加各種信息,然後我們再創建一個div來去固定要定位的圖片。

2.在創建好第二個div的時候,我們把div的class設定成new,並且使用類別選擇器設定div,然後我們使用position: fixed;並且將top和left寫成0.就可以實現圖片的固定了。

以上就是什麼是css定位? css定位怎麼使用的全部介紹,如果你想了解更多有關CSS3教程,請關注php中文網。


以上是什麼是css定位? css定位怎麼使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn