水平方向にULリストを表示

サブナビリストを積み重ねるのではなく水平に表示しようとしています。私はいくつかのことを試みましたが、私はそれを理解できません。私はフロートを使用しようとしましたが、それはその下のdivの幅を混乱させます。なぜこれが起こるかわからない。水平方向にULリストを表示

誰でも手伝ってもらえますか？

http://jsfiddle.net/9bued/1/

出典

2012-01-21 Nate Gines

サブナビのリストアイテムを浮かべて、リストの下にあるdivの幅を「残して」残したということを意味しますか？私がそれらを浮かべたとき私にはうまく見えました（更新：リストの下のdivを明確にした場合：両方）。 – j08691

の幅制限（width: 10em;）を削除し、次いで含有ULにclearfixクラスを追加します。 clearfixのため

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix { display: inline-block; } 

/* Hides from IE-mac \*/ 
* html .clearfix { height: 1%; } 
.clearfix { display: block; } 
/* End hide from IE-mac */

スタイルは、常にあなたのスタイルブロックやスタイルシートの一番下に行く必要があります。

出典

2012-01-21 21:59:53 skybondsor

私は間違ったことをする必要があります。私はこれを働かせることができます。あなたはどう思いますか？http：//jsfiddle.net/nategines/9bued/8/ –

私はこれを試しましたが、そこにはまだありません。 http://jsfiddle.net/nategines/9bued/9/ –

まだ何が間違っていますか？は、私にはよく見えますよ。 – skybondsor

ハビブが示唆したように幅の制限を削除#navwidth

出典

2012-01-21 21:44:22

私はそれを試みましたが、それはその下の色付きdivの形を変えます。どうすればこの問題を回避できますか？ –

あなたのCSSに追加するだけです：display：inline-block;

出典

2013-04-30 10:31:34 osselosse

水平方向にULリストを表示

答えて

関連する問題