Javascript 中心绝对内径/外径相对内径

如果您不知道相对div的宽度，那么CSS或jQuery是否可以将绝对div放在相对div的内部或外部，在本例中，相对div是这两者的父元素

通常我会这样做：

.child {
position: absolute;
top: 100%;
left: -50px;
width: 200px;
height: 300px;
}

但是如果我知道父对象的宽度是100px，那么如果我不知道呢

---

如果不需要针对IE8及更低版本，可以使用CSS3

calc（）

函数：

左：计算（50%-100px）

将100px替换为绝对定位子元素宽度的一半

JSFIDLE示例：

注意使用
框大小：边框框
使框彼此均匀，就像第三个框一样。
要将任何内容居中，请使用下面的代码

margin:0px auto;

所以你的孩子变成了

.child {
    display: none;
    position: absolute;
    top: 100%;
    margin:0px auto;
    /*left: -50%;*/
    width: 200px;
    height: 300px;
    background: #eee;
    border: solid 3px #ddd;
}

这对绝对定位的元素不起作用。对不起，我没有意识到这一点。谢谢。我知道，但是我不知道父元素的大小应该居中到什么位置。您不需要知道父元素的大小。您只需要知道绝对定位子元素的大小并将其除以一半。