如何制作与基础中顶栏和滑块重叠的徽标 5.

Question

我试图将徽标（在左上角）放在顶部栏和滑块的顶部，但我只是不知道如何使其工作。当网页是移动大小或桌面大小时，我只希望徽标位于顶部栏和滑块的顶部。

enter code here

http://codepen.io/edkai/pen/pJvoPN

有人可以帮忙吗？ 非常感谢。

Answer 1

您可以在

section中添加另一个包含left类的ul

<section class="top-bar-section">
    <ul class="left">
        <li class="name">
            <a href="">
                <img class="logo" src="http://cn-thai.co.th/en/wp-content/uploads/2012/06/dummy-logo-300x300.png" alt="">
            </a>  
        </li>
    </ul>
    <ul class="right">
        <li><a href="index.html">Home</a></li>
        <li><a href="menu.html">Menu</a></li>
        <li><a href="reservation.html">reservation</a></li>
        <li><a href="contact.html">contact</a></li>
    </ul>
</section>