选项卡菜单重叠

我犯了一个CSS菜单，但各个选项卡，或者更确切地说，分页行，似乎是相互重叠。我用的白色空间：预包装与标签菜单本身的宽度：选项卡菜单重叠

enter image description here

html > body > div#header > div#header-bottom-left > ul.tabmenu { 
position: absolute; 
top: 75px; 
left: 700px; 
width: 620px !important; 
} 

#header #header-bottom-left .tabmenu li { 
font-family: "Courier New", Courier, monospace !important; 
text-transform: uppercase; 
letter-spacing: 2px; 
font-variant: small-caps; 
font-size: 11px; 
padding: 5px; 
margin-right: 16px; 
background: url(%%buttons%%) repeat-x; 
border: 1px solid black; 
white-space: pre-wrap; 
margin-bottom: 20px; 
}

来源

2011-09-30 Haman

能否请您发布的HTML呢？ –

在一般情况下，不样式的LI为菜单，风格A标签和使用display:block或inline-block

来源

2011-09-30 20:42:33

不知道这是你想要的，但我认为你可能会丢失你的li

代码float: left：http://jsfiddle.net/vT5vd/

BTW名单是梦幻般的菜单和使用等几乎完全！

来源

2011-09-30 20:50:42 checkenginelight

的选项卡一样处理一行文字。行间距设置为文本的高度，导致较大的制表符重叠。要纠正此只需添加一个的line-height：1.8; 线在选项卡列表项部分的CSS文件。也。您可以在选项卡列表中放置中断或段落标记，以控制它们换行到下一行的位置，并避免分割选项卡。

ul.tabs li a 
{ 
    font: normal 18px Verdana; 
    line-height: 1.8; 
    text-decoration: none; 
    position: relative; 
    padding: 0px 8px; 
    border: 1px solid #CCC; 
    border-bottom-color:#AAA; 
    color: #000; 
    background: #F0F0F0 url(tabbg.gif) repeat-x 0 0; 
    border-radius: 2px 2px 0 0; 
    outline:none; 
}

来源

2014-08-09 21:00:38

选项卡菜单重叠

回答

相关问题