3

ul - li - a 要素の高さに応じて div を自動高さに設定することができません。背景色で単純な水平 div を作成したいのですが、div に高さがありません。私の li 要素は、アイコン付きでテキストなしのリンクです。このアイコンは可変サイズにすることができます。

任意の助けをいただければ幸いです.Thanks

これはhtmlピースです：

<div class="divmenu">
    <ul class="ul_tools">
        <li><a class="ico1" href="#" onclick="a_webgl_tools.zoom()" title="zoom"></a></li>
        <li><a class="ico2" href="#" onclick="a_webgl_tools.zoom()" title="zoom"></a></li>
    </ul>     
</div>

そしてそのcss：

.divmenuH {
    /* [disabled]margin: 25px  0 35px 15px; */
    background-color: #099;
    padding: 0 0 5px 0;
}


.ul_tools {     }
.ul_tools li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;

}
.ul_tools li a {
    margin: 0px 0px 0px 5px;
    display: block;
    width: 18px;height: 18px; 
    background-image: url(file:///D|/I_DESARROLLO/BIBLIO_ICONOS/Minimaloistas/mini.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 360px 360px /*20ICONS  18 x 18  */
}
.ul_tools li a.ico1 { background-position: 0px 0px;    }
.ul_tools li a.ico2 { background-position: -24px 0px;}
4

4 に答える 4

13

これで問題が解決するはずです。

.ul_tools{
    display:inline-block;
}
于 2013-10-03T09:34:09.613 に答える
2

ネストされた浮動ブロック要素でよくあるエラーが発生しました。親の子が浮いている場合、親はしばしば折りたたまれ、子の高さまで拡張されません。

これを親に追加します。

.ul_tools {
    overflow: auto;
 }

liまた、背景画像に合わせてタグのサイズが調整されないため、タグのサイズを明示的に設定する必要があります。

.ul_tools li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    height: 30px;
    width: 30px;
}
于 2013-10-03T08:43:22.393 に答える
0

.divmenuH に float:left を指定

于 2013-10-03T09:20:05.680 に答える