Html 如何使div标记中的所有元素在更改大小（放大/缩小）时负责 P.>中间有Topav条，当缩放时它在那里，但是图片（徽标）和票的东西没有。就像你能看到的，一切都是相对的。也尝试了边距自动，边距左和边距右自动，但它只是不停留在那里。也试着在中间做div，但也没用。感谢您的帮助。：）

正文{
保证金：0；
}
#标题{
背景色：#a61b2b；
显示：网格；
网格模板柱：20%80%；
高度：120px；
对齐内容：居中对齐；
调整内容：柔性端
}
#李托普纳夫{
利润率：0px 5px；
}
#顶置导航{
位置：相对位置；
顶部：40px；
右：460px；
字体系列：“开放式Sans”、arial、Sans serif；
颜色：#F2F2；
填充：14px 16px；
字体大小：12px；
字体大小：粗体；
列表样式：无；
显示器：flex；
保证金：自动；
}
#空中导航a：悬停{
背景色：#eb0627；
}
#顶置导航a{
文字装饰：无；
颜色：#fff
}
#topnav li：悬停ul{
显示：块；
列表样式：无；
背景：黑色；
颜色：#fff；
填充：10px；
位置：绝对位置；
左：0；
}
#李宇利{
利润率：10px 0px；
}
#标志{
位置：相对位置；
左：500px；
宽度：55%；
}
#票{
位置：相对位置；
左：450px；
背景色：黑色；
}
.隐藏{
显示：无；
}

格拉纳达俱乐部

对于每个有类似问题的人，我都找到了解决方案。只需在页眉标记下做第二个div标记，该标记具有固定的with和左右自动边距。这使得中间的div标签不会移动。

这是我如何修复它的代码

正文{
保证金：0；
}
a{
过渡：全部为0.25秒；
}
#标题{
背景色：#a61b2b；
显示器：flex；
网格模板柱：20%80%；
高度：110px；
对齐内容：居中对齐；
证明内容：柔性端；
}
#氢{
宽度：975px；
左边距：自动；
右边距：自动；
填充顶部：6px；
}
#李托普纳夫{
利润率：0px 5px；
}
#顶置导航{
位置：相对位置；
字体系列：“开放式Sans”、arial、Sans serif；
颜色：#F2F2；
填充：14px 16px；
字体大小：12px；
字体大小：粗体；
列表样式：无；
显示器：flex；
保证金：自动；
}
#空中导航a：悬停{
背景色：#eb0627；
}
#顶置导航a{
文字装饰：无；
颜色：#fff
}
#topnav li：悬停ul{
显示：块；
列表样式：无；
背景：黑色；
颜色：#fff；
填充：10px；
位置：绝对位置；
左：0；
}
#李宇利{
利润率：10px 0px；
}
#标志{
位置：相对位置；
宽度：20%；
}
#票{
位置：相对位置；
左：480px；
背景色：#3434；
填充：8px；
}
#搜寻{
位置：相对位置；
顶部：-30px；
左：650px；
宽度：20px；
}
#食品饮料{
右侧填充：5px；
宽度：10px；
}
.隐藏{
显示：无；
}

格拉纳达俱乐部