文章詳情頁
html - css 為什么改了改 postion 出現(xiàn)這個結(jié)果?
瀏覽：153日期：2023-07-11 11:42:43
問題描述
.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：隱式類型轉(zhuǎn)換，absolute的時候p為inline-block,relative的時候為block
標簽：
HTML
相關(guān)文章：
1. node.js - nodejs+express+vue2. javascript - vue2.0中使用vue2-dropzone的demo，vue2-dropzone的github網(wǎng)址是什么？？百度不到。3. java軟引用在android中有實際應(yīng)用場景嗎?4. javascript - JS如何取對稱范圍的隨機數(shù)？5. 前端 - @media query 使用出現(xiàn)的問題？6. Python 子類能否覆蓋全局函數(shù)?7. node.js - win7下，npm 無法下載依賴包，淘寶鏡像也裝不上，求幫忙？？？8. mysql - sql 找出2個數(shù)據(jù)庫的差異表名9. elasticsearch - Elastisearch怎么求查詢結(jié)果的交集，如MYSQL的interset10. vue計算屬性怎么樣與for結(jié)合使用
排行榜
熱門標簽
網(wǎng)公網(wǎng)安備