没有足够的空间存放菜单中的j，y这样的字母

我使用了000webhost web builder来制作我的网站，现在我想更改一些我无法在编辑器中更改的内容。没有足够的空间存放菜单中的j，y这样的字母

我计划的大部分工作都很好。我遇到的问题是菜单切断了像“y”和“j”这样的低垂字母的下行。我想通过增加菜单按钮的大小来解决这个问题。这里是快照：

Screenshot

现在，CSS文件：

.vmenu ul 
{ 
    margin-bottom:10px; 
    padding:0; 
    width:179px; 
/* Main Menu Item widths */ 
    list-style-type:none; 
} 

.vmenu ul li 
{ 
    position:relative; 
} 

/* Top level menu links style */ 
.vmenu ul li a 
{ 
    display:block; 
    overflow:auto; 
/*force hasLayout in IE7 */ 
    color:#FFF; 
    text-decoration:none; 
} 

/*background of menu items (default state)*/ 
.vmenu ul li a:link,.vmenu ul li a:visited,.vmenu ul li a:active 
{ 
/*background: #414141; color: white;*/ 
} 

/*CSS class that's dynamically added to the currently active menu items' LI A element*/ 
.vmenu ul li a.selected 
{ 
    font-weight:700!important; 
/*background: black; color: white;*/ 
} 

/*background of menu items during onmouseover (hover state)*/ 
.vmenu ul li a:hover 
{ 
/*background: black; color: white;*/ 
} 

/*Sub level menu items */ 
.vmenu ul li ul 
{ 
    padding:5px!important; 
    background:#FFF; 
    border:1px solid #D6D6D6; 
    position:absolute; 
    width:auto; 
/*Sub Menu Items width */ 
    top:0; 
    font-weight:400; 
    visibility:hidden; 
} 

.vmenu ul li ul li 
{ 
    overflow:visible!important; 
} 

/* Holly Hack for IE \*/ 
* html .vmenu ul li 
{ 
    float:left; 
    height:1%; 
} 

* html .vmenu ul li a 
{ 
    height:1%; 
} 

/* ######### CSS classes applied to down and right arrow images ######### */ 
.downarrowclass 
{ 
    position:absolute; 
    top:12px; 
    right:7px; 
} 

.rightarrowclass 
{ 
    position:absolute; 
    top:6px; 
    right:5px; 
} 

/* ######### CSS for shadow added to sub menus ######### */ 
.ddshadow 
{ 
    position:absolute; 
    left:0; 
    top:0; 
    width:0; 
    height:0; 
    background:silver; 
} 

.toplevelshadow 
{ 
/*shadow opacity. Doesn't work in IE*/ 
    opacity:0.8; 
}

感谢您的答复！

来源

2012-01-18 noisy cat

看到HTML的结构也会有所帮助。 – 2012-01-18 14:08:26

你可以在jsFiddle上放置一个示例页面吗？ – Wesley 2012-01-18 14:18:36

Thanx编辑RedriderX，对不起，我的英文不好（仅限im 15） – 2012-01-18 14:57:06

有关添加

height:XXpx;

或

padding-top: XXpx; 
padding-bottom: XXpx;

到.vmenu ul li a性质是什么？

来源

2012-01-18 14:08:11 petrichor

工作！万分感谢！ – 2012-01-18 14:55:17

也许用CSS改变z-index到例如z-index:90;。

来源

2012-01-18 14:05:23 Dion

添加line-height:150%;到.vmenu ul li可能会有所帮助。

来源

2012-01-18 14:21:22

在没有看到HTML这是很难确定的，但我通常会使用Firebug，以确定究竟是干什么的切断元素和应用

overflow:visible;

该元素。看起来好像间距没问题，只是你想让字母的底部看起来像一个容器被隐藏起来。

如果不是这种情况，它可能是由于下面的元素重叠，因为它们没有正确定位。如果列表项浮动确保您清除它们正确，使他们叠起来海誓山盟通过添加某种明确的修复或清除类的给你HTML/CSS：

.clear 
{ 
    clear:both; 
    height:0; 
    padding:0; 
    border:0; 
    font-size:0; 
}

然后把一个div之后的任何此类浮动物品。

来源

2012-01-18 14:22:16 acSlater

没有足够的空间存放菜单中的j，y这样的字母

回答

相关问题