跟着老师一起去敲的,但是内容不能显示成排

来源:1-3 tab页面布局-内容布局

qq_Justcomplete_04021004

2017-08-18 15:05

 *{margin:0 ;padding:0;list-style:none; font-size:12px}
   .notice{width: 298px; height: 98px;margin:10px;border:1px solid #eee;overflow:hidden}
   .notice-tit{height:27px;position:relative;background:#f7f7f7;}
   .notice-tit ul{position: absolute;width:301px;left:-1px;}
   .notice-tit li{folat:left;width:58px;height: 26px;line-height: 26px;text-align:center  ;
       overflow:hidden;background: #ffffff;border-bottom: 1px solid #eeeeee ;padding:0 1px
         }
   .notice li a:link, .notice-tit li a:visited{text-decoration:none;color: #333333}
   .notic li a:hover{color: #FF9900}
   .notice li .select{background: #ffffff;border-bottom-color: #ffffff;
   border-right: 1px solid #eeeeee;border-left: 1px solid #eeeeee;padding: 0px; font-weight:bold}
   .notice-con .mod{margin:10px}
   notice-con .mod ul li{float:left;width:143px;height:26px;overflow: hidden;}
</style>
<script type="text/javascript">

写回答 关注

2回答

  • qq_不二柚子_0
    2017-08-18 16:21:04
    已采纳

      .notice-tit li{folat:left;}这拼错了  是 float:left;

    qq_Jus...

    改了还是没变成排

    2017-08-18 20:33:12

    共 1 条回复 >

  • qq_不二柚子_0
    2017-08-21 09:22:18

    li默认显示都是换行的,所以要浮动,浮动以后就会显示在一排。所以你还是好好检查一下代码比较好。

Tab选项卡切换效果

本课程详细介绍网页页面中最流行常用的tab切换效果

65469 学习 · 533 问题

查看课程

相似问题