-
絕對定位與自適應容器：
查看全部 -
圖片居中定位與絕對定位：
1，傳統圖片劇中方法：
? ? ? 1），text-align；2），display:block，margin:0 auto；
? ? ? 3），絕對定位，left:50%,margin-left:-50%(自身)；
2，text-allign加無依賴的絕對定位：
? ? ?圖片父容器使用text-align:cente;?
? ? ?圖片前放置 ?
? ? ?圖片加上absolute后margin-left:-50%(自身)；
舉一反三（更重要的是）：
實現以下網頁角標，原理相同，改為text-alin:right;即可；
傳統方法：
fixed：{left:50%;margin-left:計算;}
缺點：不是自適應的
查看全部 -
下拉框與絕對定位：
大眾做法：
1，父容器relative；下拉框absolute；
2，無依賴的絕對定位：下拉ul在input前面（DOM結構），然后absolute，通過margin定位即可；
優點：自適應強，應付各種變化環境
查看全部 -
圖片覆蓋與絕對定位：
利用無依賴的絕對定位，輕松實現；
優點：兼容性好，自適應，便于后期維護；
查看全部 -
獨立的absolute，不加任何位置設定：
1，位置跟隨（脫離文檔流后，懸浮其上，位置不變）
作用：
1，擺脫overflow的限制；
2，去浮動；（有浮動的元素加absolute后會在無浮動的位置定位）；
其中IE7的絕對定位，會使元素inline-block化，再套一層div，即可與高級瀏覽器相同效果
查看全部 -
absolute和float相同的特性表現：
1，容器absolut后，具有包裹性；
2，內容absolute后，具有破壞性；
查看全部 -
內容區域想象成body
.content?{ position:?absolute; top:?48px; bottom:?52px; left:?250px; overflow:?auto;?}此時的頭部尾部一級側邊欄都是fixed效果，不跟隨滾動，避免了移動端position:fixed實現的諸多問題。
查看全部 -
width/height與left/top/right/bottom同時存在，會怎樣？
width/height設置的尺寸大于left/top/right/bottom拉伸的尺寸
查看全部 -
z-index無依賴
1、如果只有一個絕對定位元素，自然不需要z-index，自動覆蓋普通元素；
2、如果兩個絕對定位，控制DOM流的前后順序達到需要的覆蓋效果，然后無z-index；
3、如果多個絕對定位交錯，非常非常少見，z-inde:1控制；
4、如果非彈框類的絕對定位元素z-index>2,必定z-inde冗余，請優化！
查看全部 -
1、圖片圖標來覆蓋，無依賴、真不賴；
2、如何定位下拉框，最佳實踐來分享
3、對齊居中或邊緣，定位實現有臉面；
4、星號時有沒有，破壞隊形不用愁；
5、圖文對其兼容差，絕對定位來開掛；
6、文字益處不夠放，不值一提就小樣！
查看全部 -
折翼天使特性表現
1、去浮動
2、位置跟隨（inline元素用了原來同行還是同行，block原來是換行依然是換行）
查看全部 -
不受relative限制的absolute定位，行為表現上時不使用top/right/bottom/left任何一個屬性或使用auto作為值！
查看全部 -
relative和absolute是分離的對立的，絕對不是什么兄弟關系
absolute越獨立越強大
查看全部 -
clear可以清除float的浮動
relative可以限制絕對定位absolute
查看全部 -
absoulute和float的相同特性表現
1、包裹性
2、破壞性
查看全部
舉報