每当我使用绝对定位垂直居中时，整个导航消失

Question

    <ul>
        <li class="float-left"><a href="">Michael Thomas</a></li>
        <li><a href="">About</a></li>
        <li><a href="">R&eacute;sum&eacute;</a></li>
        <li><a href="">Portfolio</a></li>
        <li><a href="">Contact</a></li>
    </ul>

这是我的上下文html。我添加了另一个div来测试不同元素的垂直居中，它工作正常。但是每当我给他们绝对的定位时，我无法让导航器上的li消失。对不起，这是在sass。

{{1}}

Answer 1

当“li”是内联/相对时，它们强制父“ul”获取子元素的尺寸。但是当你将“li”更改为绝对位置时，“li”不再强制父级“ul”包含其内容的形状，因此父级“ul”的高度和宽度为零。如果你删除了父母的“溢出：隐藏”，我认为你仍然会看到它的内容。我想你需要给你的nav / ul一个高度和宽度。