Html div定心不起作用

我在页面底部有菜单，我正在尝试将包装器div居中

在文档内带有徽标和按钮。对中不起作用。你们能告诉我为什么吗

我希望徽标向左浮动，按钮向右浮动，但包装器div必须居中

代码如下：

html，正文{ 最小宽度：320px； 最小高度：320px； 保证金：0； 字体系列：“Lato”，无衬线； 文本对齐：居中； } h1{ 边际上限：0； 字体大小：68px； 字号：700； } .标题包装{ 背景图像：urlhttps://placehold.it/1500x646; 背景尺寸：封面； 背景位置：中心； 身高：645px； 文本对齐：居中； 填充：120px； } .滑动包装器2{ 背景色：白色； 身高：645px； 文本对齐：居中； 填充：120px； } .幻灯片1{ 填充顶部：120px； } .导航{ 最大宽度：1170px； 高度：94px； 背景色：白色； } 导航{ 浮动：对； 文本转换：大写； } a{ 文字装饰：无； 颜色：626262； 填充：40px 20px 40px 20px； 保证金：0； 背景色：dfbb42； } a:悬停{ 颜色：白色； } 标志{ 浮动：左； 左边距：30px； } 随机标题 只是一些随机的文字 女儿墙

---

要使块级元素水平居中，最简单的方法是应用宽度并将“左边距”和“右边距”设置为“自动”或“边距：自动”；或边距：0自动

既然您已经在.navigation上设置了宽度，只需将margin:auto应用于.navigation，它就会水平居中

html，正文{ 最小宽度：320px； 最小高度：320px； 保证金：0； 字体系列：“Lato”，无衬线； 文本对齐：居中； } h1{ 边际上限：0； 字体大小：68px； 字号：700； } .标题包装{ 背景图像：urlhttps://placehold.it/1500x646; 背景尺寸：封面； 背景位置：中心； 身高：645px； 文本对齐：居中； 填充：120px； } .滑动包装器2{ 背景色：白色； 身高：645px； 文本对齐：居中； 填充：120px； } .幻灯片1{ 填充顶部：120px； } .导航{ 最大宽度：1170px； 高度：94px； 背景色：白色； 保证金：自动； } 导航{ 浮动：对； 文本转换：大写； } a{ 文字装饰：无； 颜色：626262； 填充：40px 20px 40px 20px； 保证金：0； 背景色：dfbb42； } a:悬停{ 颜色：白色； } 标志{ 浮动：左； 左边距：30px； } 随机标题 只是一些随机的文字 女儿墙

---

默认情况下，html元素是左对齐的。喜欢你的导航 如果在块元素上添加边距：auto注意：wrapper div是块元素，它会将剩余空间添加到视口中，并将左边距和右边距添加到块元素中，使其看起来居中。 因此，给一个余量：自动设置包装器div的样式就可以了

就这样,

html，正文{ 最小宽度：320px； 最小高度：320px； 保证金：0； 字体系列：“Lato”，无衬线； 文本对齐：居中； } h1{ 边际上限：0； 字体大小：68px； 字号：700； } .标题包装{ 背景图像：urlhttps://placehold.it/1500x646; 背景尺寸：封面； 背景位置：中心； 身高：645px； 文本对齐：居中； 填充：120px； } .滑动包装器2{ 背景色：白色； 身高：645px； 文本对齐：居中； 填充：120px； } .幻灯片1{ 填充顶部：120px； } .导航{ 最大宽度：1170px； 高度：94px； 背景色：白色； 保证金：0自动； } 导航{ 浮动：对； 文本转换：大写； } a{ 文字装饰：无； 颜色：626262； 填充：40px 20px 40px 20px； 保证金：0； 背景色：dfbb42； } a:悬停{ 颜色：白色； } 标志{ 浮动：左； } 随机标题 只是一些随机的文字 女儿墙

---

好的，谢谢！但是元素是水平居中的，我需要它们垂直和水平居中。我怎么做我真的不擅长定位？此外，我需要在页面加载时将.navigation粘贴到屏幕底部，但在向下滚动页面时，它必须从底部平滑切换到顶部。我认为jQuery在滚动时更改属性可以解决这个问题，但是如何首先将其固定到底部呢？