老师帮我看一下，谢谢！

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>display属性</title>
        <style type="text/css">
          /*样式补充*/
         body,div,h3,ul,li{padding:0x;margin: 0x;}
         .big{  width: 120px;
                margin: 0px auto; 
                /*padding: 20px;*/
                border: 1px #e5e5e5 solid;
                background-color: #eeeeee; }
 
 
         .div2,.div1{ margin: 0px auto;
                border-bottom: 
                1px #e5e5e5 solid;
                padding-bottom: 0px; }
         /*.div2{ margin: 0px auto;*/
         /*       border-bottom: */
         /*       1px #e5e5e5 solid;padding-bottom: 0px;}*/
         .div3{ margin: 0px auto;
                border-bottom: none;padding-bottom: 0px;}
         h3{font-style: "宋体";text-align: center; font-size: 16px; padding: 0px;line-height: 30px; margin: 0px;}
         /*ul{display: none;}*/
         ul{list-style-type: none; 
            background-color: white; 
            height: 100%;
            font-size: 14px;
            margin: 0px;}
        li{text-indent: 5px;color: ;}
         .elec,.wash,.clothes{display: none;line-height: 2em; margin-bottom: 0px;}
          
         .div1:hover .elec{display: block;}
         .div2:hover .wash{display: block;}
         .div3:hover .clothes{display: block;}
        </style>
    </head>
    <body>
    <div class="big">
        <div class="div1">
            <h3 href="#";>家电</h3>
            <ul class="elec">
                <li>冰箱</li>
                <li>洗衣机</li>
                <li>空调</li>
            </ul>
        </div>
        <div class="div2">
            <h3 href="#";>洗护</h3>
            <ul class="wash">
                <li>洗衣液</li>
                <li>消毒液</li>
                <li>柔顺剂</li>
            </ul>
        </div>
        <div  class="div3">
            <h3 href="#";>衣物</h3>
             <ul class="clothes">
                <li>衬衫</li>
                <li>裤子</li>
                <li>卫衣</li>
            </ul>
        </div>
      </div>
</body>
</html>

慕九州4495990 2019-05-22

源自：盒子模型 4-7 编程练习

收起

2回答

提问者慕九州4495990 2019-05-22 18:24:50

好的，谢谢！

收起回答

好帮手慕夭夭 2019-05-22 18:18:48

你好同学，代码中有几处多余的分号，如下：

标签中属性后面不需要加分号哦，祝学习愉快，望采纳。

收起回答

提问者慕九州4495990 #1

还有个问题，就是最下面那个鼠标放在上面展开的时候，有个动画貌似有个下边框先隐藏，然后其他的东西才出来，这个有办法解决？

2019-05-22 18:26:31
好帮手慕夭夭回复提问者慕九州4495990 #2

代码中不存在同学说的先隐藏下边框，因为下面的边框是最大的盒子big的。当下拉菜单显示，撑开了big的高度，下边框就显示到下面了。这并不是一个问题，不用修改哦

2019-05-22 19:36:12