html - css 為什么改了改 postion 出現這個結果?
問題描述
.boxSon{ position:absolute; top:50%; left:50%; border:black solid 1px; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-20%,-50%);}這是字的代碼:
把 position:absolute; 改成 position:relative 后效果成了下面這樣:.boxSon{ position:relative; top:50%; left:50%; border:black solid 1px; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-20%,-50%);}
我一直以為 position:relative; 就是改下坐標系,偏移點,但是這里居然這么大不一樣.誰能簡單給我講講為什么????
問題解答
回答1:隱式類型轉換,absolute的時候p為inline-block,relative的時候為block
相關文章:
1. javascript - angular使從elastichearch中取出的文本高亮顯示,如圖所示2. python bottle跑起來以后,定時執行的任務為什么每次都重復(多)執行一次?3. javascript - 求幫助 , ATOM不顯示界面!!!!4. 視頻文件不能播放,怎么辦?5. javascript - vue2如何獲取v-model變量名6. python - 爬蟲模擬登錄后,爬取csdn后臺文章列表遇到的問題7. mysql - 分庫分表、分區、讀寫分離 這些都是用在什么場景下 ,會帶來哪些效率或者其他方面的好處8. javascript - 為什么在谷歌控制臺 輸出1的時候,輸出的1立馬就不見了9. html5 - HTML代碼中的文字亂碼是怎么回事?10. javascript - ios返回不執行js怎么解決?
