极客观点
项目管理
HarmonyOS
Remember that these values will be relative to the next parent element with relative (or absolute) positioning. If there is no such parent, it will default all the way back up to the <html> element itself meaning it will be placed relatively to the page itself. 是在介绍绝对定位时提到的。
为了让大家好翻译，上文说的是：This is a very powerful type of positioning that allows you to literally place any page element exactly where you want it. You use the positioning attributes top, left bottom and right to set the location.
这段关于CSS的话如何翻译？
阅读 3.5k
这个是绝对定位概念嘛，以这个关键词搜下答案好些。大概意思是说绝对定位postion:absolute是相对于有定位position:relative|absolute|fixed的祖先元素偏移，如果祖先元素都没有定位，则以html(body左上角？)偏移
<div style="position:relative;top:50px;left:50px;width:100px;height:100px;border:1px solid;">
<div style="width:50px;height:50px;margin:25px;border:1px solid red;">
<div style="position:absolute;left:20px;top:20px;width:20px;height:20px;background:blue;"></div>
<div>
</div>
<div style="margin:50px;width:100px;height:100px;border:1px solid;">
<div style="width:50px;height:50px;margin:25px;border:1px solid red;">
<div style="position:absolute;left:20px;top:20px;width:20px;height:20px;background:blue;"></div>
<div>
</div>
被 1 篇内容引用
推荐问题
扁平化数组转换成树形?
背景：需要将扁平化数组转换成树形数组。比如原始数组如下： {代码...} 期望转换后的数据 {代码...}8 回答4.8k 阅读✓ 已解决
省市区街道数据在哪里可以下载？
省市区街道数据在哪里可以下载？6 回答3.5k 阅读✓ 已解决
网站的不同域名互相跳转如何保持登录态？
一个网站部署了多个域名（不是子域名），比如：www.abc.com和www.aaa.com,如何从一个域名跳转到另一个域名的时候，仍然保持登录态呢？6 回答2.4k 阅读
Vue项目一个报错无法找到原因?
排查了好久实在没有找到哪儿出了问题，时不时弹出来，编译结果又是正常的，尝试排查了好久但是一直没有办法排查出来，有遇到过这种报错的同学吗？或者有没有同学提供一种排查思路，因为我真的搞懵逼了。哈哈哈。5 回答6.4k 阅读✓ 已解决
如何自定义设置虚线边框的样式？
背景： {代码...} 如上图所示：虽然可以设置虚线边框，但是虚线边框的样式往往需要修改：比如:单个实线间的间距自定义调整;单个实线的长度自定义调整。5 回答1.3k 阅读✓ 已解决
前端有没有办法实现页面截图？
前端有没有办法实现页面截图？不是html-to-canvas那种实现，而是类似于windows上各种截图工具那样，直接截取屏幕上图像目前搜到的全是html-to-canvas的方案3 回答2.5k 阅读✓ 已解决
只用一个div，宽高固定，文本内容不固定，能不能实现水平、垂直居中，超出两行显示省略号？
只用一个div，宽高固定（width: 100px; height: 50px;），文本内容不固定，如何实现水平、垂直居中，超出两行显示省略号？3 回答1.4k 阅读✓ 已解决
楼上的答案是不够准确的。
一个element的position有时候是根据他的containing block来计算的。 docs.
怎么找到某个element的containing block, 可以参考这张图。 docs.
Image Source: w3help.org. 本来都有解释的，但现在上不去了：（
root element是在HTML文档中是指
<html>, See docs.initial containing block: 就是viewport的大小， 也就是page area。 docs.
根据上图，就可以翻译了。 Learn more on w3 - position scheme.