liにfloat属性を追加し、divから飛び出すlayer_html/css_WEB-ITnose

li に float 属性を追加すると、li に表示されているラベルが div ボックスから飛び出すのはなぜですか?

製品カテゴリ別

• ギフトボックス シリーズ


• ギフトボックス シリーズ< /a>


• ギフトボックス シリーズ


• ギフトボックス シリーズ


• ギフトボックス シリーズ


• ギフトボックス シリーズ


• ギフトボックス シリーズ


• < ; a href="#">ギフト ボックス シリーズ
• ギフト ボックス シリーズ
li>ギフトボックス シリーズ

• ギフトボックス シリーズ ;
  
• ギフトボックス シリーズ
• ;>すべての商品を表示

width: 191px;上部の幅: 1 ピクセル;
境界の下部の幅: 1 ピクセル;
境界の右の幅: 1 ピクセル; ;
ボーダー左スタイル: #666666;
ボーダー右カラー: #666666;
高さ: 自動;

#quyu1 .l a {
フォントサイズ: 12px;
カラー: #666666;
#quyu1 .l .fenlei_menu h2 {
パディング -top: 7px;パディング左: 18px;
カラー: #009966;

#quyu1 .l .fenlei_menu ul {
左パディング: 18px;
高さ: auto;
#quyu1 .l .fenlei_menu ul li {
width : 48% ;
パディングトップ: 13px;
フロート: 左;



#quyu1 .l {
幅: 193 ピクセル;


ディスカッションへの返信 (解決策) )

google -> フローティング要素を閉じる

#quyu1 .l .fenlei_menu {
border-top-width: 1px;
border-bottom-width: 1px; ;
ボーダー左の幅: 1px;
ボーダー右のスタイル: ソリッド;
ボーダー上の色: #666666; right-color: #666666;
border-bottom-color: #666666;
height: auto;


本当に不可能ですポジショニング