Question

我确实遇到过css问题。我的菜单太挤了，因为所有的li都有两行文字。 This is my site:

你会看到，例如这些菜单点：

- nächster Kindertag (2015)
- Konzept / Satzung /...

太靠近nexs菜单点。我认为，当子元素<li id="item-114">占用两行而不是两行时，菜单点nächster Kindertag (2015)的{{1}}不会调整其高度。

我想，回答我问题的最简单方法是直接在网站上用firebug分析情况。

谢谢你们的帮助！席

Answer 1

看下面的课程。您已设置链接的高度。

 .leftcol ul.menu li a,.leftcol ul.menu li a:link,.rightcol ul.menu li a,.rightcol ul.menu    li a:link 
 {
  background:url("../images/menu_bullet.png") no-repeat left center transparent;
  color:#cef6b3;
  display:block;
  font-size:11px;
  font-weight:400;
  height:16px;
  line-height:16px;
  text-decoration:none;
  padding:0 0 2px 11px;
 }

删除height属性，它将起作用。

 .leftcol ul.menu li a,.leftcol ul.menu li a:link,.rightcol ul.menu li a,.rightcol ul.menu    li a:link 
 {
  background:url("../images/menu_bullet.png") no-repeat left center transparent;
  color:#cef6b3;
  display:block;
  font-size:11px;
  font-weight:400;
  /*height:16px;*/
  line-height:16px;
  text-decoration:none;
  padding:0 0 2px 11px;
 }

自动调整li项目的高度到其内容

1 个答案: