css 如何使该div的位置相对于主容器[已关闭]

8ftvxx2r  于 2023-03-05  发布在  其他
关注(0)|答案(2)|浏览(110)

已关闭。此问题需要details or clarity。当前不接受答案。
**想要改进此问题?**添加详细信息并通过editing this post阐明问题。

九年前就关门了。
Improve this question
首先,很抱歉问了这个愚蠢的问题,我对html很不在行。
我有这个页面。http://www.places4two.de/如果你调整窗口的大小,广告div是在右边是重叠的主容器,我想要的是使这个广告div相对于主容器,如果你调整大小,它应该停止时,它击中主容器。我怎么能做到这一点。
我是这么做的:

position: relative

以及

position: fixed

但他们没有帮助。

eeq64g8w

eeq64g8w1#

你的adsense的宽度是160px,你可以设置主容器的宽度为,

width: calc(100% - 160px);

这是小提琴:

    • 一个

将是它的原型,adsense宽度保持不变160px,而大容器宽度将根据您的浏览器大小调整,将计算浏览器宽度减去adsense宽度.

2q5ifsrm

2q5ifsrm2#

我可能会把主内容容器和广告放在同一个容器中。我们称这个容器为“wrapper”。#wrapper的宽度应该等于主内容容器的宽度加上广告的宽度,加上两者之间的边距,再加上边框。它可以在正文中使用“auto”的左右边距居中。
现在,在“ Package 器”中,您可以将主内容容器浮动在左侧,将广告容器浮动在右侧,或者可以使用相对于#wrapper的绝对定位:

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

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

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

相关问题