html - 如何让文本位于 div 之上？

Question

我想在 div 之上制作一个菜单，所以文本基本上位于它之上(参见示例)。我想在同一个 div 中包含菜单的文本，所以 html 是这样的:

<div id="text">
            <div id="menu">Portfolio &nbsp;|&nbsp; About us</div>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>

提前致谢。

Answer 1

相对定位 div (position: relative;)，然后绝对定位文本 (position:absolute;)。确保文本位于 div 内的元素内，然后将嵌套元素的 top 位置设置为负数，直到它位于您喜欢的位置。

要使其居中，您需要弄乱 left 和 right 属性。