定位
定位模式: static relative absolute fixed
邊偏移 :top bottom left right
一般的定位必須要有定位模式以及邊偏移
static 靜態定位 預設的定位模式 沒有邊偏移
取消定位 跟浮動的float:none是一樣的 取消浮動
position:relative 相對於原來的位置 原來的位置是有佔位的 有邊偏移 沒有脫離標準流的
top :距離原來的頂部多少個px
left:距離原來的左邊位置...個px
絕對定位 不占有原來的位置 脫離標準流
如果父親沒有定位 我們相當於找的是可視區域 client
如果父盒子有定位,找的是父盒子(相對于父盒子的定位)
子絕父相:
1.父盒子由於需要占用位置應該使用相對定位(沒有脫離標準流)
2.子盒子由於要顯示層級效果應該使用絕對定位(已經脫離標準流)
子盒子在父盒子居中顯示
1.父盒子和子盒子都有定位
2.給子元素 left:50%;top:50%;
3.給父元素的margin-top:-子元素高度的50%(比如子元素100px高度,就給-50px)
-子元素寬度的50%(比如子元素100px寬度,就給-50px)
resize:none 這個單詞可以防止 火狐 谷歌等瀏覽器隨意的拖動 文字域 textare
html 定位 CSS Position定位
說明position 屬性指定了元素的定位型別。position 屬性的五個值 元素可以使用的頂部,底部,左側和右側屬性定位。所有的css定位屬性 bottom 定義了定位元素下外邊距邊界與其包含塊下邊界之間的偏移。值 clip 剪輯乙個絕對定位的元素 cursor 顯示游標移動到指定的型別 lef...
css position 相對定位
html head style type text css h2.pos left h2.pos right style head body h2 這是位於正常位置的標題 h2 h2 class pos left 這個標題相對於其正常位置向左移動 h2 h2 class pos right 這個標題...
CSS Position 定位屬性
本篇文章主要介紹元素的position屬性,此屬性可以設定元素在頁面的定位方式。1.介紹 position 介紹position的值以及輔助屬性。2.position 定位方式 介紹position的四種定位方式 絕對 相對 固定 預設。3.總結 position 以示例的方式展示position。...