首頁 > web前端 > css教學 > 主體

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

云罗郡主
發布: 2018-11-14 11:55:54
原創
3436 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!