为了账号安全,请及时绑定邮箱和手机立即绑定

如图,找了半晌都找不到错误,求助

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   <title></title>
   <style type="text/css">
       body
{
           padding:0;
           font-size:10pt;
       }
       .topmenu{

           display:block;
           width:220px;
           border:2px solid #e4393c;
           margin:0;
           padding:0;
       }
       .toptitle{
           height:40px;
           line-height:40px;
           text-align:left;
           font-size:11pt;
           font-weight:bold;
           color:White;
           background:#e4393c;
           padding-left:20px;
       }
       .topmenu li{
           height:30px;
           line-height:30px;
           font-size:11pt;
           list-style-type:none;/*去掉list前面的 小圆点,其他的浏览器已经没有小圆点了,ie有*/
text-align:left;
           padding-left:8px;
           z-index:3;
           background-image:url(http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg);
           background-repeat:no-repeat;
           background-position:right;/*可简写为:background:url(http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg) no-repeat right;*/
}
       .topmenu li a{
           text-decoration:none;
           color:#313131;
       }
       .topmenu li a:hover{
           text-decoration:underline;
           font-weight:bold;
           color:#e4393c;
       }
       .topmenu li:hover{
           border:1px solid #DDD;
           border-right:0;
           box-shadow:0 0 8px #DDD;
           -moz-box-shadow:0 0 8px #DDD;/*兼容firefox*/
-webkit-box-shadow:0 0 8px #DDD;/*兼容雇谷歌*/
background-image:none;
       }
       .submenu{
           display:none;
           width:715px;
           left:220px;
           position:absolute;
           top:40px;
           border:1px solid #DDD;
           z-index:4;
           color:white;
           box-shadow:0 0 8px #DDD;
           -moz-box-shadow:0 0 8px #DDD;/*兼容firefox*/
-webkit-box-shadow:0 0 8px #DDD;/*兼容雇谷歌*/

}
       .leftdiv
{
           background:gray;
           float:left;
           width:490px;
           margin:5px;
       }
       .rightdiv{
           background:blue;
           float:left;
           width:200px;
           margin:5px;
       }
       .topmenu li:hover .submenu
{
           display: block;
       }
   </style>
</head>
<body>
<ul class="topmenu">
   <div class="toptitle">
       全部商品分类
   </div>
   <li><a href="#">图书、音像、数字商品</a>
  <div class=submenu">
       <div class="leftdiv">
           左侧二级分类<br />
           左侧二级分类<br />
           左侧二级分类<br />
           左侧二级分类<br />
           左侧二级分类<br />
       </div>
       <div class="rightdiv">右侧推荐品牌</div>
   </div></li>
   <li><a href="#">家用电器</a></li>
   <li><a href="#">手机、数码</a></li>
   <li><a href="#">电脑、办公</a></li>
   <li><a href="#">家居、家具、家装、厨具</a></li>
   <li><a href="#">服饰内衣、珠宝首饰</a></li>
   <li><a href="#">个护化妆</a></li>
   <li><a href="#">鞋靴、箱包、钟表、奢侈品</a></li>
   <li><a href="#">鞋靴、箱包、钟表、奢侈品</a></li>
   <li><a href="#">运动户外</a></li>
   <li><a href="#">汽车用品</a></li>
   <li><a href="#">母婴、玩具乐器</a></li>
   <li><a href="#">食品饮料、酒类、生鲜</a></li>
   <li><a href="#">营养保健</a></li>

</ul>
</body>
</html>http://img1.sycdn.imooc.com//583d49a20001c16605930501.jpg

正在回答

2 回答

<div class="submenu">//忘了加引号

放到sublime text 3 里,会有提示,直接就改出来了,对了,我是把html,css,js的hint都装了,所以找错比较容易


0 回复 有任何疑惑可以回复我~
#1

白二的诗 提问者

非常感谢!
2016-11-30 回复 有任何疑惑可以回复我~
#2

白二的诗 提问者

我用的webstorm 不知道为啥此处没有代码错误提示
2016-11-30 回复 有任何疑惑可以回复我~
#3

慕粉18221508921 回复 白二的诗 提问者

哈哈哈,sublime的hint都是插件,不知道webstorm是不是也要装插件,要不要换sublime text3 啊,哈哈
2016-11-30 回复 有任何疑惑可以回复我~
#4

白二的诗 提问者 回复 慕粉18221508921

帮忙看一下这个问题的下一个回答吧,给你的回复不能超过三百字,只能回复在回答里面了,嘿嘿
2016-12-01 回复 有任何疑惑可以回复我~
查看1条回复

回复 慕粉18221508921:这个要是也能检测出来真的服了(悬浮层上的字不知道为啥是透明的,应该是哪敲错了),像我这种经常犯错的小白就应该用一个纠错功能比较强大的工具。帮我看看吧,谢啦

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title></title>
    <style type="text/css">
        body
        {
            padding:0;
            font-size:10pt;
        }
        .topmenu{

            display:block;
            width:220px;
            border:2px solid #e4393c;
            margin:0;
            padding:0;
        }
        .toptitle{
            height:40px;
            line-height:40px;
            text-align:left;
            font-size:11pt;
            font-weight:bold;
            color:White;
            background:#e4393c;
            padding-left:20px;
        }
        .topmenu li{
            height:30px;
            line-height:30px;
            font-size:11pt;
            list-style-type:none;/*去掉list前面的 小圆点,其他的浏览器已经没有小圆点了,ie有*/
            text-align:left;
            padding-left:8px;
            z-index:3;
            background-image:url(http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg);
            background-repeat:no-repeat;
            background-position:right;/*可简写为:background:url(http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg) no-repeat right;*/
        }
        .topmenu li a{
            text-decoration:none;
            color:#313131;
        }
        .topmenu li a:hover{
            text-decoration:underline;
            font-weight:bold;
            color:#e4393c;
        }
        .topmenu li:hover{
            border:1px solid #DDD;
            border-right:0;
            box-shadow:0 0 8px #DDD;
            -moz-box-shadow:0 0 8px #DDD;/*兼容firefox*/
            -webkit-box-shadow:0 0 8px #DDD;/*兼容雇谷歌*/
            background-image:none;
        }
        .submenu{
            display:none;
            width:715px;
            left:220px;
            position:absolute;
            top:40px;
            border:1px solid #DDD;
            z-index:4;
            color:white;
            box-shadow:0 0 8px #DDD;
            -moz-box-shadow:0 0 8px #DDD;/*兼容firefox*/
            -webkit-box-shadow:0 0 8px #DDD;/*兼容雇谷歌*/

        }
        .leftdiv
        {
            float:left;
            width:490px;
            margin:5px;

        }
        .rightdiv{
            background:blue;
            float:left;
            width:200px;
            margin:5px;
        }
        .topmenu li:hover .submenu
        {
            display: block;
        }
        .topmenu li:hover span
        {
           background:white;
            display:inline-block;
            z-index:20;
            width:20px;
            height:30px;
            float:right;
            position:relative;
        }
    </style>
</head>
<body>
<ul>
    <div>
        全部商品分类
    </div>
    <li><a href="#">图书、音像、数字商品</a><span></span>
   <div>
        <div>
            左侧二级分类<br />
            左侧二级分类<br />
            左侧二级分类<br />
            左侧二级分类<br />
            左侧二级分类<br />
        </div>
        <div>右侧推荐品牌</div>
    </div></li>
    <li><a href="#">家用电器</a></li>
    <li><a href="#">手机、数码</a></li>
    <li><a href="#">电脑、办公</a></li>
    <li><a href="#">家居、家具、家装、厨具</a></li>
    <li><a href="#">服饰内衣、珠宝首饰</a></li>
    <li><a href="#">个护化妆</a></li>
    <li><a href="#">鞋靴、箱包、钟表、奢侈品</a></li>
    <li><a href="#">鞋靴、箱包、钟表、奢侈品</a></li>
    <li><a href="#">运动户外</a></li>

http://img1.sycdn.imooc.com//583f789a00012cb209650496.jpg

0 回复 有任何疑惑可以回复我~
#1

慕粉18221508921

我私信你了,能收到么?
2016-12-01 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

如图,找了半晌都找不到错误,求助

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号