Question

我制作了一个页面，其中我使用列表水平显示项目

现在，我可以在页面here

中看到结果

但是当我拖动并使浏览器窗口缩短时，我会得到一个乱码列表就像在这里scrren-shot一样

我在列表中使用了一个css： -

#navlist li
        {

            padding: 1em;
            float: left;
            list-style-type: none;
        }

在列表的末尾我使用了清算div

#clear-both 
{
   clear: both;
}

任何帮助

由于

Pradyut

Answer 1

我似乎无法访问您的网站。

尝试使用display：inline而不是float：left

#navlist li
{
padding-right: 1em;
display: inline;
list-style-type: none;
}

Answer 2

问题是每个LI元素的高度不同。如果为它们提供所有公共高度，则在调整窗口大小时布局会正常流动：

#navlist li
{
    height: 100px;
    padding: 1em;
    float: left;
    list-style-type: none;
}

Answer 3

可以在另一个div css中使用min-height解决问题

  #another 
  {
      padding: 5px;
      background-color: green;
      min-height: 75px;
  }

感谢...