问答详情
源自:2-5 悬浮层制作

商城分类导航效果 悬浮层制作 按照老师讲的写的 二级菜单“生活”后边有两行小标题,第二行没有与第一行左对齐,如图所示。请问大家我哪儿设置错了?字数限制无法把代码放上来,如有需要我可以把代码放在回复里。

http://img.mukewang.com/5786e0a50001e23b13660768.jpg

 .leftdiv dl{
                                             display:block;
                                             border-bottom:1px solid #EEE;/*下边线*/
                                             padding-bottom:6px;/*下边线和字体距离*/
                                             overflow:hidden;/*防字体溢出*/
                                             }
                                             /*为电子书设置样式*/
                                         .leftdiv dl dt{
                                             display:block;/*块状显示*/
                                             float:left;
                                             width:60px;
                                             text-align:right;/*文字右对齐*/
                                             height:22px;/*块儿的高度*/
                                             line-height:22px;/*行高   文字尺寸和行间距之和*/
                                             padding-right:6px;/*主体右内边距*/
                                             }
                                             /*定义电子书超链接*/
                                             .leftdiv dl dt a{
                                                 color:#e4393c;
                                                 font-weight:bold;/*加粗*/
                                                 text-decoration:underline;/*下划线*/
                                                  font-size:10pt;/*10磅*/
                                                 }
                                             .left dl dd{
                                                 display:block;
                                                 overflow:hidden;/*防止溢出*/
                                                 }
                                                 /*分隔线*/
                                                 .leftdiv dl dd a{
                                                     display:block;
                                                     float:left;
                                                     border-left:1px solid #CCC;/*左边线*/
                                                     color:#737373;
                                                     font-size:9pt;
                                                     padding:0 8px;
                                                     height:14px;
                                                     line-height:14px;
                                                     margin:4px 0;
                                                     }

<ul  class="topmenu">
           <div class="toptitle">
               全部商品分类
           </div>
           <li><a href="#">图书、音像、数字产品</a><span></span>
           <!--悬浮层样式-->
                   <div class="submenu">
                           <div class="leftdiv">
                           <dl>
                                <dt><a href="#">电子书</a></dt>
                                <dd>
                                  <a href="#">免费</a><a href="#">小说</a><a href="#">励志与成功</a><a href="#">婚恋/两性</a>
                                  <a href="#">文学</a><a href="#">经营</a><a href="#">畅读VIP</a>
                                </dd>
                           </dl>
                           <dl>
                            
                             <dt><a href="#">生活</a></dt>
                                             <dd>
                                                      <a href="#">家教与育儿</a><a href="#">旅游/地图</a><a href="#">烹饪/美食</a><a href="#">时尚/美妆</a>
                                                      <a href="#">免费</a><a href="#">家居</a><a href="#">婚恋与两性</a><a href="#">娱乐/休闲</a>
                                                      <a href="#">健身与保健</a><a href="#">动漫/幽默</a><a href="#">体育/运动</a>
                                             </dd>
                               </dl>

提问者:慕课此昵称 2016-07-14 09:13

个回答

  • 香草556
    2016-07-14 13:51:09
    已采纳

      .left dl dd{
                                                     display:block;
                                                     overflow:hidden;/*防止溢出*/
                                                     },,,你这个写错了,,,,