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. docker安装后出现Cannot connect to the Docker daemon.2. docker内创建jenkins访问另一个容器下的服务器问题3. nignx - docker内nginx 80端口被占用4. 在windows下安装docker Toolbox 启动Docker Quickstart Terminal 失败!5. docker gitlab 如何git clone?6. dockerfile - 为什么docker容器启动不了?7. docker 17.03 怎么配置 registry mirror ?8. html - css气泡,实现“倒三角(不知道算不算三角了)”可透明的。9. 列宽好窄,跟老师显示的列宽不一样10. 如何解决docker宿主机无法访问容器中的服务?