为什么标题 (Flex) 中有 UL(Flex) 的左边距和边距顶部

why there is left padding and margin top for ul(flex) in header (flex)

提问人:True Champion 提问时间:9/18/2023 更新时间:9/18/2023 访问量:12

问:

我想给一个垂直导航栏,内容应该在左边

////   ITS HTML //// 
enter image description here<section class="header2">
            <ul>
                <li> <a> Home </a> </li>
                <li> <a> Explore </a> </li>
                <li> <a> About </a> </li>
                <li> <a> Contact</a> </li>
            </ul>
        </section>



///// ITS CSS ////
.header2
{
    display: flex;
    margin: 0;padding: 0;
}
.header2 ul
{
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    background-color: grey; 
    height: 100%; 
    width: fit-content;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start;
}

我想为 UL 提供没有左边距,为 UL 提供边距顶部,简单它的内容应该在左侧

CSS 标头 导航栏 HTML 列表 框布局

评论

0赞 True Champion 9/18/2023
好的好吧,对不起对不起,我明白了,我可以给出 margin:0,padding:0 ,来解决这个问题,但你仍然可以告诉我为什么有 padding-left 和 margin-top(可能是因为 flexbox)
0赞 Tim R 9/18/2023
HTML 标准建议用户代理应该呈现具有此边距和填充的列表。html.spec.whatwg.org/multipage/rendering.html#lists

答: 暂无答案