2016-07-17 89 views
-1

我正在爲我的網站製作導航菜單,我嘗試正確設置導航菜單的行高和高度,在那裏我得到了問題,profilebar元素太低,所以是balance段落。CSS:填充不會讓元素完全頂部

導航菜單樣式:

.menu { 
    background-color: rgba(26, 26, 26, 0.9); 
    width: 100%; 
    height: 3.7em; 
    line-height: 3.7em; 
    border-style: solid; 
    border-color: rgba(26, 26, 26, 0.9); 
    z-index: 1; 
    max-width: 102.5%; 
    min-width: 1000px; 
} 

Fiddle Fullscreen(圖像是樣品,所以它比菜單更大並不問題我原先使用的圖片是從蒸汽API 32×32的圖像。)。

Fiddle Code

問題是什麼?它是填充,我需要正確設置?還是有其他的事情,我做錯了。

回答

0

嘗試調整您的個人資料圖片的大小:爲.profilepicture設置高度 併爲.balance設置餘量和填充 margin:0; 填充:0;

這是所有

+0

在後我提到資料圖片只是樣品,它是這樣而已最初,從32×32 API和'相對位置.balance'是。 – ShellRox

+0

問題與p(段落元素)。在引導中它有邊距和填充。爲此它下降。 只需將圖像更改爲32x32px,並按照我所述添加邊距和填充。一切都會好的 –

+0

不要想改變.profilebar的線高度** line-height:1; ** 檢查在https://jsfiddle.net/mrycuncp/3/ –