您現在的位置是:電腦技術吧?>? 基礎知識 ??>??相對定位是相對什么定位,相對定位和絕對定位的特點??>??正文詳情

相對定位是相對什么定位,相對定位和絕對定位的特點

岑元彤2019-11-13 13:31:15 人圍觀
簡介相對定位和絕對定位的視頻在網頁設計中,我們經常使用position屬性,它有五個值:absolute、fixed、relative、static,繼承我們經常使用的是absolute和h5絕對定位和相對定位

我們在網頁設計中常常會用到position屬性,里面有5個值,分別是:absolute、fixed、relative、static、inherit。

  常用到的其實就是absolute和fixed。

  absolute:生成絕對定位的元素,相對于 static 定位以外的第一個父元素進行定位。

  fixed:生成絕對定位的元素,相對于瀏覽器窗口進行定位。

  這兩個值的區別在于,一個是相對于static的父元素定位,一個是相對于瀏覽器窗口定位。

  不少朋友在使用absolute的時候發現它似乎也是針對瀏覽器窗口定位的,其實是因為沒有設置父元素的static值。

  代碼應該這樣寫:  這樣,id為son的div才會相對于id為parent的div進行絕對定位。

  而fixed就完全不受任何約束了,不過在IE6瀏覽器下是無效的,IE8以后都是可以正常使用的了。

版權聲明:本文由 岑元彤 整理編輯。

原標題:絕對定位和相對定位的定義,相對定位絕對定位

轉載注明出處:http://www.dn9ww09s.icu/basics/11838.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 電腦共享打印機怎么設置,如何添加共享打印機到電腦

    電腦共享打印機怎么設置,如何添加共享打印機到電腦 相關圖片打印機共享怎么設置w7在局域網中,任何一臺計算機都可以通過共享打印機來使用同一臺打印機,很多人可以共享一臺打印機,這大大降低了耗材的成本,而且不需要每個人都有一臺打印...

  • 電腦切換輸入法,電腦如何切換輸入法

    電腦切換輸入法,電腦如何切換輸入法 相關圖片電腦輸入法輸入法是我們操作計算機的必要條件之一。近日,有用戶反映,無論按組合快捷鍵Alt shift還是Ctrl blank space,很多用戶都對這臺電腦的問題感到困電腦鍵盤輸入法怎么切換...

  • 框架控件,框架控件是一個什么控件

    框架控件,框架控件是一個什么控件 相關圖片vb框架控件是哪個首先,我們注意到服務器控件imagemap也在asp.net 2.0中提供。此控件是一個服務器控件,允許您定義圖片上的熱點區域。用戶可以單擊這些熱點區域來回傳或vb框架控件在哪...

  • 怎么調屏幕亮度,屏幕亮度調節

    怎么調屏幕亮度,屏幕亮度調節 相關圖片w7怎么調節屏幕亮度很多網友認為電腦顯示器的亮度不是太亮就是太暗。他們想調整亮度,但發現他們很久沒有調整亮度了。他們在那里呆了很長時間,或者還沒有發表意見。如何調節電...

  • 轉html,如何將html轉為pdf

    轉html,如何將html轉為pdf 相關圖片htmlWord可以直接保存為HTML,但即使保存為HTML,也會有大量的代碼浪費。在過去,我使用Dreamweaver的清理HTML來處理,首先處理特定于單詞的標記,html格式...

  • 怎么取消自動關機,設置自動關機

    怎么取消自動關機,設置自動關機 相關圖片windows10自動關機在我們的生活中,設置計算機的自動關機是很常見的。使用簡單方便。為了設置計算機的自動關機,今天推薦給您的設置是計算機的自動關機。操作簡單。它適合廣大用...

  • html的meta標簽,html meta標簽有啥用

    html的meta標簽,html meta標簽有啥用 相關圖片meta標簽url屬性一。Meta標記是嵌入在網頁中的特殊HTML標記,它包含有關網頁的一些隱藏信息。肉類標簽的目的是向搜索引擎解釋你的網頁是關于什么信息的。對于高級搜索引擎來說,H...

  • 開機電腦不斷自動重啟,電腦自動重啟進不了系統

    開機電腦不斷自動重啟,電腦自動重啟進不了系統 相關圖片電腦點重啟一直黑屏如果自動重啟,我們該怎么辦?實際上,自動重啟很容易導致這個問題。只要我們做以下步驟,我們就能解決這個問題。如果自動重啟,我們該怎么辦?我相信大多...

  • 怎么安裝tplink無線路由器,安裝tplink路由器

    怎么安裝tplink無線路由器,安裝tplink路由器 相關圖片無線路由器沒有計算機技術,小白可以自己完成安裝。它安全簡單。可以設置無線路由,手機可以免費上網。接下來,讓我們看看如何操作。許多朋友想知道如何設置無線路由。實際上...

  • 分頁效果,顯示分頁效果

    分頁效果,顯示分頁效果 相關圖片普通視圖能看見分頁效果嗎!--StartFragment--style type=text/css.demo a{浮點:左;邊距:5px 1px 01px;寬度:20px;高度:20p如何實現分頁功能...

熱評文章

  • 電腦藍屏修復按哪個鍵,電腦黑屏了怎么才恢復

    電腦藍屏修復按哪個鍵,電腦黑屏了怎么才恢復 相關圖片電腦突然黑屏怎么辦當我們使用計算機時,我們可能會遇到這樣的情況:主機中的硬盤和CPU正在運行,但計算機是用黑屏打開的。什么情況?許多人在遇到這種情況時不知道如何開始。...

  • HTML 表單,HTML5表單

    HTML 表單,HTML5表單 相關圖片html基本表單代碼在ASP中,有兩個非常常見的集合:請求。詢問和請求。形式。這兩個集合可以獲取通過HTML forms Request.QueryString H提交的信息表單html5代碼...

  • 蘋果電腦推薦,蘋果電腦臺式

    蘋果電腦推薦,蘋果電腦臺式 相關圖片蘋果電腦配置無論在生活、娛樂還是工作中,我們都需要用電腦來進行游戲玩家的反思。蘋果的主要商業模式可以做普通程序,但運行一些大型3D游戲有點困難。是真的嗎?如果不是,真...

  • 新車使用需要注意什么,火煘使用注意

    新車使用需要注意什么,火煘使用注意 相關圖片新車需要注意事項始終對屬性使用帶引號的小寫字母:所有元素和屬性名稱都必須使用小寫字母,所有屬性值都必須使用雙引號錯誤:a ref=index。HTML class=intern新車需要注意什么...

  • 電腦麥克風聲音超級小,win10電腦麥克風沒聲音

    電腦麥克風聲音超級小,win10電腦麥克風沒聲音 相關圖片win10無法使用耳麥說話相信很多網友都遇到過電腦麥克風沒有聲音的問題,但這些問題大多是由于設置不當造成的,可以通過簡單的設置來解決。但是還有其他原因,那么我們如何解決電...

  • 聯想筆記本怎么進入安全模式,聯想筆記本進安全模式

    聯想筆記本怎么進入安全模式,聯想筆記本進安全模式 相關圖片聯想win10安全模式安全模式是Windows系統中的一種特定模式。在這種模式下,我們可以修復一些程序錯誤。聯想用戶會問,聯想電腦如何進入安全模式?為了讓那些喜歡學習的用戶了解這...

  • 靈活使用,FUA靈活使用

    靈活使用,FUA靈活使用 相關圖片如何靈活使用教材首先查看預覽界面:讓我們從完成上述第1頁的步驟開始。構建HTML構建HTML是整個過程中最基本的部分。構建html的關鍵原則之一是返回html標記的原始含義。所怎么提高腦...

  • 電腦休眠喚醒后鍵盤失靈,電腦休眠喚醒后鼠標失靈

    電腦休眠喚醒后鍵盤失靈,電腦休眠喚醒后鼠標失靈 相關圖片電腦休眠黑屏怎么喚醒計算機有許多奇特的現象,給我們帶來了許多小麻煩。近日,有用戶發現,USB鍵盤在電腦睡覺和醒來后無法使用。它需要再次拔掉插頭才能恢復正常。因此,如何...

  • css input,css input樣式

    css input,css input樣式 相關圖片html中inputimg的頂部和頁面中的輸入總是不對齊的,預覽效果如下:解決方法其實很簡單,我們只需要在圖片中添加垂直對齊:中間屬性。代碼是inputname=veryhoo tcssinputtext的設置...

  • 電腦沒聲音一鍵恢復,電腦沒聲音怎么辦圖解

    電腦沒聲音一鍵恢復,電腦沒聲音怎么辦圖解 相關圖片為什么電腦插上音箱沒有聲音為什么電腦是靜音的?原因是什么?如何解決電腦沒有聲音的問題?面對網上一系列網友提出的上述問題,小編想說的是,電腦里沒有聲音,存在硬件問題...

關注微信

变脸官网查询