ディビジョンの高さの問題

私はdiv内に私のulを囲んだが、私が望んでいたulを囲む代わりに、divはulの上に1pxのように見える。私は身長をやってみました：自動、幅：自動、しかし私はまだ同じ結果を得る。私が得た唯一の修正は、すべてのリンクでulのサイズが変化するために機能しない高さをハードコードすることでした。私が望むように私のulを包むために私のdivを得る方法はありますか？ディビジョンの高さの問題

出典

2012-01-05 Christopher Stephenson

ようこそスタックオーバーフロー！関連するコード（JSFiddleの例もあります）をここに追加してください。外部リンクだけでは、問題が解決されると、将来の読者には問題はありません。ありがとう！ –

の実は、問題はあなたのulがあなたのli要素をラップしていない、とあなたli年代が浮いているので、それがあるということです。

{ display: inline-block }の要素をul要素に追加し、divの高さを削除すると、期待どおりに機能します。

実は、あなただけがそれを完全に削除し、次のようにulのスタイルを作ることができ、その場合には、あなたのリストの一番下に境界線を追加するために、あなたのdiv要素を使用しているように見える：

{ 
    display: inline-block; 
    border-bottom: 1px solid #ccc; 
    padding-bottom: 5px; 
    width: 100%; 
}

を

出典

2012-01-05 17:39:52 DrTech

ありがとうございました。 –

あなたの質問は、あなたが話しているエレガントではっきりしていません。

.ulsize ul { overflow:hidden; }

、あなたのハードコードを削除することができます任意の方法、高さを削除し、

.divclass{float:left;}

出典

2012-01-05 17:07:06

は、これを追加のdivのためにあなたのcssにこのような何かを試してみてください。

出典

2012-01-05 17:10:18

ちょうどmargin:24px;にあなたの余白を変更する代わりにmargin:25px;

出典

2012-01-05 17:24:22 Jung3o

ディビジョンの高さの問題

答えて

関連する問題