css – 如何将子元素从其父元素的中心垂直偏移？
作者：互联网
2026-04-07
HTML教程
Here是我设置的jsFiddle.
父元素和子元素的高度将是不确定的(意味着它将在之后改变)并且子元素的位置必须是绝对的.
如何将子元素从父级中心垂直偏移五个像素？
HTML：
CSS：
.parent{ position:relative; margin: 10% auto; background:lightgray; height:50px;/*parent's height will change after*/ width:200px;}.parent .child{ position:absolute; /* needs to be absolutely position */ top:0; bottom:0; margin:auto; width:100%; height:20px;/*child's height will change after*/ background:darkgray;} 偏移5px在哪里？ 像这样—-> Updated Fiddle
要么
像这样—-> Updated Fiddle
相关推荐
专题
+ 收藏
+ 收藏
+ 收藏
+ 收藏
+ 收藏
+ 收藏
最新数据
相关文章
WebSocket 连接池生产级实现：实时行情高可用与负载均衡
04/18
使用 Python 合并与拆分 Excel 单元格的实用方法
04/18
Pandas数据清洗完整指南：8大核心技巧详解
04/17
NumPy+Pandas数据分析基础完全指南
04/17
AI Agent 接入 Zvec (一)：MCP 篇
04/17
python 更新Obsidian
04/17
用Manim实现动态交点计算--从一个动点问题说起
04/17
用 AI 解决数据库性能问题的方法论
04/17
前端害怕被蒸馏 快速入门Python 【demo_03】
04/17
Python 操作 Word 文档节与页面设置
04/16
AI精选
