中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

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

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

CSS中Position屬性的功能

發布時間:2021-08-24 19:09:22 來源:億速云 閱讀:133 作者:chen 欄目:開發技術

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

  position定位類型

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

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

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

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

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

  除了剛剛描述的情況(絕對定位元素填充可用空間):

  如果top和bottom都被指定(嚴格來說,這里指定的值不能為auto),top優先。

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

  position語法

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

  取值

  static

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

  relative

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

  absolute

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

感謝各位的閱讀,以上就是“CSS中Position屬性的功能”的內容了,經過本文的學習后,相信大家對CSS中Position屬性的功能這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

css
AI

东丽区| 新乐市| 湛江市| 荔浦县| 姚安县| 白水县| 岳阳县| 昆明市| 玛曲县| 凌云县| 大竹县| 海口市| 苏尼特左旗| 建宁县| 台北市| 绵竹市| 依安县| 贞丰县| 博野县| 邻水| 沛县| 云梦县| 肃北| 惠安县| 汶川县| 昌吉市| 饶河县| 安远县| 清镇市| 尼木县| 桂阳县| 潮州市| 祁门县| 九江县| 巴林右旗| 磐安县| 额尔古纳市| 富裕县| 宝鸡市| 柳州市| 晋城|