position中的困惑，帮忙解决一下_html/css
来源：懂视网
责编：小采
时间：2020-11-27 16:39:39
position中的困惑，帮忙解决一下_html/css
position中的困惑，帮忙解决一下_html/css_WEB-ITnose: Document *{ margin:0; padding:0; } .parent{ background: red; position: absolute; left:60px; width: 300px; height: 300px; } .childRight{ background: blue; width: 240px; position: relative; right:60px; } .child-Right{ background: yellow; w
导读position中的困惑，帮忙解决一下_html/css_WEB-ITnose: Document *{ margin:0; padding:0; } .parent{ background: red; position: absolute; left:60px; width: 300px; height: 300px; } .childRight{ background: blue; width: 240px; position: relative; right:60px; } .child-Right{ background: yellow; w
Document parent childRight child-Right childLeft child-Left hello
大家帮忙看一下，父标签设置绝对定位，子标签都设置了相对定位，两个问题：1.为什么right：60px和left：-60px相同，第三个子标签（.childLeft）为什么不显示颜色了？
回复讨论(解决方案)
对，
相对定位情况下，是以元素自身原本的位置进行偏移，右边偏移正60px就等于左边偏移负60px。
为什么不显示颜色
childLeft
这么明显,等于号你打成减号了
声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
position中的困惑，帮忙解决一下_html/css
position中的困惑，帮忙解决一下_html/css_WEB-ITnose: Document *{ margin:0; padding:0; } .parent{ background: red; position: absolute; left:60px; width: 300px; height: 300px; } .childRight{ background: blue; width: 240px; position: relative; right:60px; } .child-Right{ background: yellow; w
