Html 我的导航栏不想上色_Html_Css

Html 我的导航栏不想上色

html css

Html 我的导航栏不想上色,html,css,Html,Css,我在一个网站上工作，但我试图将导航栏设置在右边，效果很好，但当我尝试给a颜色时，如果我删除float，它不会给它颜色：对；它只起作用有人知道怎么做吗 <!DOCTYPE html> <html> <head> <title>Home</title> <link rel="stylesheet" type="text/css" href="styling.css"> <

我在一个网站上工作，但我试图将导航栏设置在右边，效果很好，但当我尝试给a颜色时，如果我删除float，它不会给它颜色：对；它只起作用

有人知道怎么做吗

<!DOCTYPE html>
<html>
    <head>
        <title>Home</title>

        <link rel="stylesheet" type="text/css" href="styling.css">
    <head>
    <body>
        <div class="navi">
            <ul>
                <li>Contact</li>
                <li>Portfolio</li>
                <li>About</li>
                <li>Home</li>
            </ul>
        </div>
    </body>
</html>

    div.navi li {
    font-size:30px;
    display:inline-block;
    width:12%;
    float:right;
}

div.navi {
    background-color:red;
}

你的div应该有一定的宽度和高度

李国维分区{ 字体大小：20px；右边填充：10px；浮动：对； } 纳维先生{ 背景色：红色；宽度：100%；高度：20px； } 保险商实验室{ 列表样式：无； } 联系文件夹关于家请尝试

，因为div.navi只包含浮动元素，它本身没有任何高度，即高度0，所以您看不到任何背景色

为了避免这种情况并让div.navi包装元素，请将overflow:auto添加到div.navi

李国维分区{ 字体大小：30px；显示：内联块；填充：0 10px 5px 10px；浮动：对； } 海军部{ 背景色：红色；溢出：自动； } 联系文件夹关于家

你可以发布你的HTML/CSS代码吗？CSS:HTML：请将代码发布到你的主题中，而不是通过pastebin，或者至少制作一个JSFIDDLE。我现在做得好吗？不，它&39；It’现在不好。样式标签在哪里？那导航条是你代码中唯一的东西吗？如果没有，请添加它。代码也没有正确缩进。修复所有问题，然后重试。

div.navi { 
    background: red; 
    float: right; 
    width: 12%; 
}

div.navi li { 
    font-size: 30px; 
    display: inline-block; 
}