文章详情页

html - css 为什么改了改 postion 出现这个结果?

浏览：199日期：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%);}

html - css 为什么改了改 postion 出现这个结果? 我一直以为 position:relative; 就是改下坐标系,偏移点,但是这里居然这么大不一样.谁能简单给我讲讲为什么????

问题解答

回答1：

隐式类型转换，absolute的时候p为inline-block,relative的时候为block

HTML

上一条：css3 - flex容器中有三个item，怎么让后两个在一起？下一条：html - 请问在 css 中 expression 叫什么?我想系统学习一下.

相关文章：

1. docker镜像push报错2. docker绑定了nginx端口外部访问不到3. golang - 用IDE看docker源码时的小问题4. javascript - 移动端点击弹出遮罩层加断点调试就行不加断点就不行5. boot2docker无法启动6. docker - 如何修改运行中容器的配置7. angular.js - angular内容过长展开收起效果8. 为什么我ping不通我的docker容器呢？？？9. css3 - IE浏览器下，一个元素设置overflow:auto后，出现下拉滚动条，拖动滚动条图片会移动，但文字不移动10. docker网络端口映射，没有方便点的操作方法么？