CSS中position樣式的一些特殊用法
一.(static)預設定位,這個就不多說了。
二.(absolute)絕對定位,這個也比較常用,將頁面物件置於不同的層次,可以進行拖動等javascript. 操作。
三.(relative)相對定位,物件相對於父容器當前佈局的定位,通過設定 top,left等屬性,將物件置於相對當前容器的偏移位置。(特殊用法:在IE中通過對容器子物件設定該屬性,可以使子物件不繼承父物件的透明屬性,但限制條件是父容器不能是絕對定位)
四.(fixed)物件定位,該屬效能將物件固定在一個相對靜止的位置,不隨頁面滾動的滾動二變化,就是相對當前視窗固定位置,效果是不抖動,相容各種瀏覽器。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/23071790/viewspace-701238/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- CSS:層疊樣式表—positionCSS
- css 樣式檔案中的特殊符號 - 波浪號(也叫 tilde,squiggle,twiddle)CSS符號UI
- 淺談CSS中的Position(定位)CSS
- css的position:absoluteCSS
- CSS的定位:positionCSS
- css positionCSS
- css詳解position五種屬性用法及其含義CSS
- CSS之positionCSS
- CSS 中的 float、BFC、position 和 inline-blockCSSinlineBloC
- html中Position屬性值介紹和position屬性四種用法HTML
- 如何實現特殊的邊框樣式
- python 中的一些特殊語法Python
- mysql insert的特殊用法MySql
- css樣式CSS
- CSS position:sticky與position:fixed 區別CSS
- 關於 JavaScript 中的特殊函式,你應該這樣看JavaScript函式
- CSS之定位PositionCSS
- CSS background-positionCSS
- 雪碧圖background-position的rem用法REM
- css樣式的組成CSS
- 001---css樣式規則及css字型樣式CSS
- 常用CSS樣式2:其它樣式CSS
- 常用CSS樣式1:文字樣式CSS
- css樣式常用的樣式以及選擇器CSS
- idea中markdown外掛的css樣式推薦IdeaCSS
- css字型樣式CSS
- css背景樣式CSS
- 關於position的一些理解
- 匯入式CSS樣式CSS
- CSS position定位(fixed、sticky)CSS
- CSS position:sticky 粘性定位CSS
- CSS position: sticky 粘性定位CSS
- 1.5 常用CSS樣式1:文字樣式CSS
- 1.6 常用CSS樣式2:其它樣式CSS
- 【css】 如何修改select的樣式CSS
- weex的css樣式相關CSS
- 關於position定位的一些理解
- CSS列表中list-style-position inside 和outside 的區別?CSSIDE
- CSS滑鼠樣式(cursor)CSS