溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

css定位如何用

發(fā)布時(shí)間:2022-03-10 15:27:20 來(lái)源:億速云 閱讀:129 作者:iii 欄目:web開發(fā)

今天小編給大家分享一下css定位如何用的相關(guān)知識(shí)點(diǎn),內(nèi)容詳細(xì),邏輯清晰,相信大部分人都還太了解這方面的知識(shí),所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來(lái)了解一下吧。

  一:什么是css定位

  css定位有三種定位機(jī)制,分別是普通流,定位和浮動(dòng),在css中,普通流的位置是在xhtml中決定,任何一個(gè)文本都是要限制的,同時(shí)也是可以通過css樣式進(jìn)行改變位置,我們可以通過margin標(biāo)簽來(lái)讓元素的位置發(fā)生變化。利用css定位,來(lái)獲取標(biāo)簽的正常位置,從而得到父元素和其他瀏覽器的相對(duì)位置。

  二:css定位怎么使用

  細(xì)心的人在瀏覽網(wǎng)頁(yè)的時(shí)候,都會(huì)發(fā)現(xiàn)有的網(wǎng)站在右側(cè)有一個(gè)地方,是固定不動(dòng)的,瀏覽者無(wú)論怎么瀏覽,右側(cè)的區(qū)域都是不動(dòng)的,接下來(lái)我們就來(lái)實(shí)現(xiàn)這個(gè)功能。

  1.實(shí)現(xiàn)我們?cè)诖a中創(chuàng)建一個(gè)div,并且給div增加寬度和邊框,并且在網(wǎng)頁(yè)中居中顯示,然后我們就可以在這個(gè)div中添加各種信息,然后我們?cè)賱?chuàng)建一個(gè)div來(lái)去固定要定位的圖片。

  2.在創(chuàng)建好第二個(gè)div的時(shí)候,我們把div的class設(shè)置成new,并且使用類選擇器設(shè)置div,然后我們使用position:fixed;并且將top和left寫成0.就可以實(shí)現(xiàn)圖片的固定了。

以上就是“css定位如何用”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會(huì)為大家更新不同的知識(shí),如果還想學(xué)習(xí)更多的知識(shí),請(qǐng)關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI