0

サブリストを含むリストがあり、ウィンドウ画面が縮小されたときに、他のリストの下にあるリストが最初のサブリストと重ならないようにする必要があります。

HTML マークアップ -

         <div class="row-fluid">
            <ul>    
               <li class="menulinks">.....</div>
                 <ul>
                     <li class="submenulinks"><div>.....</div></li>
                 </ul>
               </li>
            </ul>
        </div>

CSS -

.sitemap .menulinks{
    background-color:green;
    border-radius: 10px;
    margin-top: 20px;
    text-align:center;
    padding-top:10px;
    margin-left: 0px;
    margin-right:10px;
    color: #FFFFFF;
    height:35px;
    width:11%;
    float:left;
    min-width: 100px;
    display:block
}
submenulinks{
    margin-top: 20px;
    margin-right:10px;
    color: green;
}

小さな画面での望ましい出力: http://i.imgur.com/7zB6261.jpg ここに画像の説明を入力

既存 : ここに画像の説明を入力 http://i.imgur.com/kziYvSK.jpg

4

1 に答える 1