html - 无法在另一个 div 中居中 div

标签 html css positioning

我正在尝试在我的页面标题中制作一个水平居中的菜单栏。出于某种原因,我无法让居中工作。我制作了一个大致显示问题的小测试页面:JSFiddle .内部 div 必须距离底部 5px,这就是我使用 position: absolute 的原因。

我曾多次尝试在网络上进行搜索,但我找到的所有结果都给了我相同的结果,或者根本没有。我发现的大多数问题是当 text-align: center 不在容器 div 中时,但即使有了它,它仍然不起作用。

最佳答案

我删除了两个 css 属性并且它起作用了。

position: absolute;
bottom: 5px;

检查这个Fiddle

距底部 5 像素。 Fiddle

关于html - 无法在另一个 div 中居中 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20421173/

相关文章:

javascript - 简单分页多页,使用多个css选择器

javascript - CSS 透明窗口

javascript - 我想在范围内放置一个文本框

css - 在 CSS 中重新定位菜单(使用列表)

css - 具有前一个 div 绝对定位的粘性 CSS 页脚

javascript - 如何使用 jquery 每 5 秒更改元素的背景颜色?

html - 并排 float 到相同大小的盒子

javascript - Myscript 在我的本地主机上不工作,但如果在 jsfiddle 中就没问题

css - 网格中的 Accordion 将内容向下推

html - Bootstrap 4 |无法将搜索框与自定义导航栏的元素保持在同一行