2013-06-24 143 views
0

我有問題與標題按鈕(懸停)和我想要使100%的身體寬度。 請幫忙。 謝謝。CSS問題 - 標題按鈕和寬度

這裏是css,你可以在jsfiddle中看到html。

body { 
    background-color:rgba(0, 0, 0, 0.1); 
    font-family: "Alef Hebrew", 
      「Helvetica Neue」, 
      Helvetica, 
      Arial, 
      sans-serif; 
} 
#header { 
left: 0; 
top: 0px; 
width: 100%; 
height: 64px; 
background: #007ac1; 
position: fixed; 
} 
    #header ul { 
    margin-left: 200px !important; 
    } 
#x { 
border-left: 1px solid rgba(0, 0, 0, 0.1); 
box-shadow: 0px -1px 0px 1px rgba(255, 255, 255, 0.11); 
text-decoration: underline; 
} 
.btn { 
margin-left: -2px; 
border-right: 1px solid rgba(0, 0, 0, 0.1); 
box-shadow: 1px 0 0 rgba(255, 255, 255, 0.11); 
color: white; 
display: inline; 
text-decoration: none; 
padding: 25px; 
transition: 0.5s; 
font-weight:bold; 
} 
.btn:hover { 
background: rgba(255,255,255,1); 
color: #000; 
} 
#body { 
padding: 100px; 
width: 100%; 
background: #fff; 
float:left; 
} 

http://jsfiddle.net/EuR8s/

+0

什麼樣的問題?一些簡單的解釋會有幫助 – Aravind30790

回答

0

DEMO

CSS:

#header ul { 
     margin-left: 100px !important; 
     } 

改變了margin-left:100px