Javascript 如何使该div相对于主容器的位置

首先，很抱歉这个愚蠢的问题。我非常不擅长html

我有这一页。如果你调整窗口的大小，右边的ads div与主容器重叠，我想要的是使这个ads div相对于主容器，如果你调整大小，它应该在碰到主容器时停止。我怎样才能做到这一点

这就是我所尝试的：

 position: relative

及

---

但他们没有帮助

adsense的宽度是160px，您可以将主容器的宽度设置为

width: calc(100% - 160px);

这是小提琴：

---

如果是它的原型，adsense的宽度保持不变，160px，而大容器的宽度将根据您的浏览器调整大小，将通过浏览器宽度减去adsense宽度来计算。

我可能会将主内容容器和广告放在同一个容器中。我们将此容器称为“包装器”。#包装的宽度应等于主内容容器的宽度加上广告的宽度，再加上两者之间的边距，再加上边框。它可以使用“自动”的左右边距在主体内居中

现在，在“包装器”中，您可以将主内容容器向左浮动，将广告容器向右浮动，也可以使用相对于#包装器的绝对定位：

---

希望这能有所帮助。

完全同意@galleryguy。您是否尝试将overflow:hidden属性添加到主div中？我在Container的右侧没有看到任何内容，但在输出中我没有看到。我只看到输出中的红色区域，但无论如何，我希望我的容器不可调整大小，否则我将不得不使其响应。我只希望adsense div在点击容器div时停止，有可能吗？没有，我没有看到黄色部分..：(

width: calc(100% - 160px);

#wrapper {
    width: 1310px;
    margin: 0 auto;
    position: relative;
}

#main-content {
    width: 1100px;
    position: absolute;
    left: 0;
}

#ad {
    width: 170px;
    position: absolute;
    right: 0;
}