2014-09-02 65 views
0

我試圖做這樣的導航: enter image description here不能在導航標籤給寬度和高度

我開始用這個標籤nav但是當我給它的寬度和高度,它看起來像這樣: enter image description here

#auzi{ 
    margin-left:55px; 
    width:90px; 
    height:35px; 
    color:#246c41; 
    background: url(https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-xap1/v/t1.0-9/13646_802426683122032_8872692336592806117_n.jpg?oh=d9ebec474b44c2172aff91a26cbe8745&oe=5480A9F5&__gda__=1416669080_db2840f489895af5e3e8515bdc781921) no-repeat; 
    text-align:center; 
} 

我在做什麼錯?

JSFIDDLE

+2

默認情況下,'了'是一個內聯元素,所以它不能得到寬度和高度。例如,嘗試將其更改爲「內嵌塊」。 – Boaz 2014-09-02 10:50:11

回答

3

由於<a>是一個內聯元素,它不接受任何heightwidth只需添加display:block;要麼display: inline-block#auzi

DEMO

+0

您的演示無效。 – 2014-09-02 10:53:56

+0

內聯塊作品。謝謝 – gsiradze 2014-09-02 10:55:25

+0

@AnupKhandelwal更多的是我編輯過的作者小提琴,所以他沒有設計風格,直到他想要他的'0​​'取得寬度和高度。 – Benjamin 2014-09-02 10:55:57

0

嘗試增加:

display:inline-block 

to #auzi css。

0

使您的外部div顯示:table-cell,或給它一個適當大小的行高。

#choose{ 
    width:675px; 
    height:50px; 
    display: table-cell; 
    line-height: 85px; 
} 

DEMO