Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何扩展ul和li的div容器?_Html_Css_Html Lists - Fatal编程技术网

Html 如何扩展ul和li的div容器?

Html 如何扩展ul和li的div容器?,html,css,html-lists,Html,Css,Html Lists,我有一个div,里面有它的内容(列表) 您有几个选择: 在容器上: #container:after { clear: both; content: ""; display: table; } #container { float: left; } 溢出的次数: #container { overflow: hidden; /* or: auto | scroll */ } 漂浮容器: #container:after { clear:

我有一个div,里面有它的内容(列表)


您有几个选择:

  • 在容器上:

    #container:after {
        clear: both;
        content: "";
        display: table;
    }
    
    #container {
        float: left;
    }
    
  • 溢出的次数:

    #container {
        overflow: hidden; /* or: auto | scroll */
    }
    
  • 漂浮容器:

    #container:after {
        clear: both;
        content: "";
        display: table;
    }
    
    #container {
        float: left;
    }
    
  • 对列表项使用
    inline block
    而不是
    float

    #container ul li {
        display: inline-block;
        float: none;
    }
    

  • 您有几个选择:

  • 在容器上:

    #container:after {
        clear: both;
        content: "";
        display: table;
    }
    
    #container {
        float: left;
    }
    
  • 溢出的次数:

    #container {
        overflow: hidden; /* or: auto | scroll */
    }
    
  • 漂浮容器:

    #container:after {
        clear: both;
        content: "";
        display: table;
    }
    
    #container {
        float: left;
    }
    
  • 对列表项使用
    inline block
    而不是
    float

    #container ul li {
        display: inline-block;
        float: none;
    }
    
  • 试试这个方法

    li {
        display: inline-block;
        float: none; /* only if you have this set as you mentioned in your post */
    }
    
    #container {
      height: auto;
    }
    
    试试这个方法

    li {
        display: inline-block;
        float: none; /* only if you have this set as you mentioned in your post */
    }
    
    #container {
      height: auto;
    }
    

    有些人喜欢展开菜单?那么
    float:left在哪里在你的CSS中?顺便说一下,您的
    #容器
    div缺少一个闭合角括号(
    )。请给出一个更完整的代码示例。如果可能的话,创建一个JSFIDLE,这样我们就可以看到问题所在了。例如,我的容器有背景色:红色;我希望div容器基于13个元素展开。我有5-5-3。有些人喜欢扩展菜单?那么
    浮动:左在你的CSS中?顺便说一下,您的
    #容器
    div缺少一个闭合角括号(
    )。请给出一个更完整的代码示例。如果可能的话,创建一个JSFIDLE,这样我们就可以看到问题所在了。例如,我的容器有背景色:红色;我希望div容器基于13个元素展开。我有5-5-3。我认为是“溢出:隐藏”,因为现在它起作用了:)谢谢我认为是“溢出:隐藏”,因为现在它起作用了:)谢谢你的回答,但正如我上面所说,我认为我的“溢出:隐藏”不见了谢谢你的回答,但正如我上面所说,我想我的“溢出:隐藏”不见了