Html 列表不为';行不通

Html 列表不为';行不通,html,css,Html,Css,我需要帮助在我的DIV中添加背景。但我无法让它工作 请参阅 我创建了一个黑色背景的DIV。DIV中有一个段落和列表 问题:只有段落有黑色背景。清单上没有。我想要整个分区的黑色背景。添加溢出:自动至#顶栏 检查: 或者,您可以使用添加溢出:自动至#顶栏 检查: 或者,您可以使用这是因为UL中的浮动以及您在其中分配给UL的相对位置 将position:absolute添加到#topbar中,它将按照您的预期呈现。这是因为UL中存在浮动,并且您已在其中为UL分配了相对位置 将position:abso

我需要帮助在我的DIV中添加背景。但我无法让它工作

请参阅

我创建了一个黑色背景的DIV。DIV中有一个段落和
列表


问题:只有段落有黑色背景。清单上没有。我想要整个分区的黑色背景。

添加
溢出:自动
#顶栏

检查:


或者,您可以使用

添加
溢出:自动
#顶栏

检查:


或者,您可以使用

这是因为UL中的浮动以及您在其中分配给UL的相对位置


position:absolute
添加到
#topbar
中,它将按照您的预期呈现。

这是因为UL中存在浮动,并且您已在其中为UL分配了相对位置


position:absolute
添加到
#topbar
中,它将按您的预期呈现。

这是更新后的小提琴

我所做的是:

  • 使
  • 显示为
    内联块

    这是最新的小提琴

    我所做的是:

  • 使
  • 显示为
    内联块

    您的
    元素是浮动的。这个浮动需要清除

    <ul>
        <li><a href="#">Link one</a></li>
        <li><a href="#">Link two</a></li>
        <li><a href="#">Link three</a></li>
        <li><a href="#">Link four</a></li>                  
    </ul>
    <br style='clear:both'>
    


    将解决您的问题()。

    您的
    元素是浮动的。这个浮动需要清除

    <ul>
        <li><a href="#">Link one</a></li>
        <li><a href="#">Link two</a></li>
        <li><a href="#">Link three</a></li>
        <li><a href="#">Link four</a></li>                  
    </ul>
    <br style='clear:both'>
    


    将解决您的问题()。

    您的
    浮动到左侧,您需要清除浮动

    见:

    
    Lorem ipsum dolor sit amet,是一位杰出的献身者。汽车、康格奥奇和普尔文纳尔多洛的码头。


    您的
    浮动到左侧,您需要清除浮动

    见:

    
    Lorem ipsum dolor sit amet,是一位杰出的献身者。汽车、康格奥奇和普尔文纳尔多洛的码头。