Html 相对网站布局不'；不适用于第款

我选择了相对页面，但在这里我偶然发现了一个问题，即当浏览器关闭时，容器和标题的宽度会发生变化，但段落（id=“标语”）不会发生变化。根据浏览器的大小，标语后面的点会经过容器的右边框（）

我真的很感激你对我错在哪里的意见。 谢谢

@charset“utf-8”；
#容器{
左边距：100px；
右边距：100px；
边缘顶部：50px；
边缘底部：50px；
位置：相对位置；
宽度：自动；
高度：自动；
背景色：#e1e1；
边界宽度：薄；
边框样式：实心；
}
#科克{
宽度：自动；
高度：150像素；
边界宽度：薄；
边框样式：虚线；
背景色：#AC9441；
}
#标志{
利润上限：-50px；
}
#口号{
左边距：120像素；
位置：相对位置；
}

标语

菜单|菜单|菜单

内容。。。。。

您可以添加到CSS中：

#koke p{
  overflow-wrap: break-word;
}

---

这将迫使段落文本在标题部分进行换行

谢谢您的回复，但我希望它相对缩小尺寸，就像容器或标题一样。抱歉，我看了您的图片和问题，认为这正是您想要的。position:relative CSS标记并没有改变元素的宽度，它是用来相对于其他元素定位页面上的元素。是边距和宽度：自动CSS改变了宽度。事实上，我不认为position:relative在这里起作用。我将margin和width设置为auto，但仍然得到相同的结果。类似于

#标语{width:calc（75%-120px）；}

的东西对你有用吗？仍然没有。也许这与标语在标题中，而标题在容器中这一事实有关？？