gpt4 book ai didi

html - 为什么 ul 上部空白

转载 作者:太空宇宙 更新时间:2023-11-03 21:36:17 25 4
gpt4 key购买 nike

当我放入无序列表时

    为什么顶部栏会下降??我找不到这背后的原因。请告诉我如何解决这个问题?

    http://jsfiddle.net/fLchtkp1/

    body {
    margin: 0;
    padding: 0;
    }
    .top-bar {
    height: 40px;
    width: 100%;
    background-color: yellow;
    }
    #menu {
    width: 1020px;
    height: : 100%;
    margin: 0 auto;
    background-color: red;
    }
    ul {
    background-color: red;
    width: 100%;
    height: 40px;
    }
    <body>
    <div class="top-bar">
    <div id="menu">
    <ul>
    <li>Menu1</li>
    </ul>
    </div>
    </div>
    </body>

    最佳答案

    ul 元素在浏览器中默认有 margin-top。要删除它,请添加样式

    ul {
    margin-top: 0;
    }

    关于html - 为什么 ul 上部空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26315464/

    25 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com