2016-11-11 13 views
0

私がお店のためのシンプルなカテゴリツリーを作成していると私は問題がある、そのような表情:カテゴリツリーの位置および浮動小数点の問題?

The big space

質問は誰でもいただきまし説明することができ、root-cat:hoverを表示され、そのことに大きなスペースを修正する方法であります問題とその解決方法私は私の木を持っているいくつかのHTMLとCSSをコピーし

Fiddle

、それに役立つことを願っています。

+0

それはあなたのフィドルのようには見えないので、あなたが実際に尋ねるものは非常に不明です – LGSon

+0

SOに組み込まれたjsfiddleがあります –

+0

画像の右にある画像 –

答えて

2

あなたは最初のサブメニューのため、一部は他のもののために物事を解決するであろう、これらのルールを追加することができます。

root-cat { 
    position: relative; 
} 
.sub-cat { 
    position: absolute; 
    left: 260px; 
    top: 8px; 
} 

フィドル:https://jsfiddle.net/eLat18Ls/1/

注:他のサブメニューがでない表示されるようにするにはそのページの上部にありますが、メインメニューエントリの横に、それぞれのメインメニューエントリ(HTML内)にサブメニューをネストする必要があります。通常、順序付けされていないリストで行われます(ulli要素)。ちょうどulと李を使ってメニューを構築する方法のためのGoogle

+0

ありがとうございます!完璧に動作します。 – vtarbinskyi

関連する問題