2012-12-08 111 views
0

My page here左側的導航欄顯示的是48px高度處的類別(div.cat),我無法弄清楚原因。未指定div高度

沒有指定paddingmargin s或height。如果有人可以看一看檢查員,看看可能是什麼原因導致這很好。

回答

1

clearfix導致子內的問題。整個結構是應該以某種方式清理的塊和內聯元素的糾結。每個類別中的任何塊元素都是不必要的。您可能還想使用ul以獲得更好的語義。

+0

並且還將相同的類添加到cont中的每個孩子吃飯是不必要的重複。 '.quickjump> div' –

+0

每個分類鏈接中的clearfix?現在你在導航欄中有一個非常複雜的設計,「修復」它只是掩蓋了問題。看起來你正在尋找一個垂直的圖像和文本列表,所以這就是標記應該表達的內容。每個列表項可以是一個塊元素,並且內容可以是內聯的,而不會令人困惑。 –

0

在css文件中聲明瞭類.cat

.cat, .cat a { 
padding: 0 5px; 
color: #444066; 
} 

從那裏取出padding或從5px填充減少到0px

和被發現的另一件事是在body

body { 
line-height: 1.6; 
font-size: 15px; 
} 

其中increses所有div S和元件line-height

+0

css在某些時候玩的很奇怪:) – Moiz

+0

填充會導致問題,最有可能是由於'a'中的clearfix造成的。填充也會應用在會強制新線的地方。 –

+0

完全同意馬特 – Moiz