-
解決ie7bug查看全部
-
z-index無依賴查看全部
-
inline屬性絕對定位位置跟隨查看全部
-
此處的?不可以省略，其實布局中的text-align:center是對此空格進行對齊，為了避免別的瀏覽器不兼容所以此處必須要寫查看全部
-
float造成環繞效果，absolute保持跟隨效果，absolute存在時float效果失效查看全部
-
使用absolute時，float會失去作用查看全部
-
此處的注釋<！- - -->是為了使vip與img完美貼合，刪除他倆之間的空隙查看全部
-
老師的代碼只能是在部分場景內應用，如果在手機端頁面全部應用sbsolute， 1.中間content部分高度過長，有滾動時會卡，不是很流暢，特別是下拉后再上拉。 2.當content部分有input ，手機調出鍵盤，會把content隱藏在底部，需滾動到底部才看到input。查看全部
-
right和width拉伸的差異查看全部
-
實現滿屏的自適應效果通常方法：.overlay{position:absolute; width:100%;height:100%; left:0;top:0; } 特殊方法（拉伸） .overlay{position:absolute; right:0;bottom:0; left:0;top:0; } width:50% 等同于：right:50% ie7以上查看全部
-
z-index無依賴 1.如果只有一個絕對定位元素，自然不需要z-index,自動覆蓋普通元素； 2.如果兩個絕對定位，控制DOM流的前后順序達到需要的覆蓋效果，依然無z-index； 3.如果多個絕對定位交錯，非常非常少見，z-index:1控制； 4.如果非彈窗類的絕對定位元素z-index>2,必定z-index冗余，請優化！ 動畫盡量加在絕對定位元素之上。查看全部
-
如果不需要兼容IE，可以沒有 父元素text-align:cenetr 子元素圖片同樣能居中，因為text-align:cenetr對內聯塊元素，內聯元素生效，而<img>屬于正屬于這些元素。經過試驗IE全系列，包括IE11都失效，必須要空格 所以空格$nbsp是為了兼容IE瀏覽器的技巧 居中方法 margin:50% margin-left:大主體容器一半寬度 無依賴絕對定位實現： 利用跟隨行 前面加空格  然后圖片絕對定位 再margin值查看全部
-
<!--注釋節點 --> 使用注釋節點避免相鄰節點間插入空格，受教 只設置absolute之后（不依賴絕對定位，也不用設置left,top等），有個非常大的特性“跟隨性”，當它是普通元素時，呆在什么位置，絕對定位后，還呆在什么位置。查看全部
-
position配合margin的精確定位： 1支持負值定位； 2超贊的兼容性 IE6查看全部
-
absolute的破壞性是對圖片的absolute化。圖片設置absolute后，圖片就從標準文檔流中脫離出來，沒有東西可以繼續支撐容器的高度，容器自然就坍塌了。好像把房子的柱子挪到房子外邊，房子果斷就塌了 absolute的包裹性是對容器的absolute化。容器設置absolute后，容器變為了 inline-block，容器本身沒有設置寬度和高度的話，那么容器的寬高就等于內容的寬高，表現結果就是容器把內容包裹起來。查看全部
舉報
0/150
提交
取消