关于html：＆lt; div＆gt;的背景颜色


Background colour of <div> containing <ul>

本问题已经有最佳答案，请猛点这里访问。

我使用

    和内联块显示样式在HTML中创建了一个水平导航菜单。我想设置包含的背景色，但不起作用。就好像没有围绕

      缠绕。

      第一个应该为页面的整个宽度设置背景色。然后，第二个设置该区域内导航菜单的宽度，并使居中，使未使用的空间均匀分布在两侧。

      代码如下：

      1
      2
      3
      4
      5
      6
      7
      8
      9
              <ul style="padding: 0; margin: 0">
                  <li style="display: inline-block; float: left">Design
      </li>

                  <li style="display: inline-block; float: left">Proofreading
      </li>

             
      </ul>

      另外，我如何将

        集中在第二个内，使

      • 出现在中间？

        这应该有效：。

        参见示例：http://jsfiddle.net/b8q836zs/1/

        Overflow: hidden|auto will make an element establish a 'new block
        formatting context' — an isolated container, which will keep it from
        flowing into the space occupied by preceiding floats — see: CSS 2.1 -
        floats.

        相关讨论