2011-09-29 20 views
0

所以我編輯的CSS和標籤菜單有一個空白:nowrap屬性,這意味着它不重疊,但它最終退出頁面。設置標籤菜單本身的寬度本身並不會對!important和heirarchy CSS做任何事情。我的標籤菜單退出頁面寬度

貌似這個

http://i.imgur.com/yxblJ.jpg

當我做空白:前,或任何他們最終重疊他人。

下面的代碼:

html > body > div#header > div#header-bottom-left > ul.tabmenu { 
position: absolute; 
top: 75px; 
left: 700px; 
width: 100px !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; 
background: url(%%buttons%%) repeat-x; 
border: 1px solid black; 
padding: 5px; 
margin-right: 16px; 
} 
+0

什麼是您預期的效果?你想讓他們被切斷嗎?或者推到下一行? – leifparker

+0

你應該能夠設置tabmenu的寬度,但是你還需要確保它的父母的寬度至少與寬度設置一樣寬。例如,作爲'ul.tabmenu'父母的div的寬度是多少? –

回答

0

刪除

li { 
    margin-right: 16px; 
} 

你可以試試這個太

ul,li { 
    border:0px; 
    padding:0px; 
}