半字山河 2022-12-06 18:49 采纳率: 73.7%
浏览 31
已结题

页面无法通过鼠标滚动

img


为什么我的页面无法滚动

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="11.css">
</head>
<body>
    <div class="topbj">
            <div class="top">
                <p>Weilcome to cookes</p>
                <p class="dhwz">VN/Vietnamese</p>
                <p class="dhwz">login</p>
                <p class="dhwz">redister</p>
                <p class="dhwz">Favortes</p>
                <p class="dhwz">dwcsdc</p>

            </div>
        </div>

            <div class="topbj2">
                </div>
                    <ul>
                    <li><a href="#">=All</a></li>
                    <li><a href="#">CAtegory</a></li>
                    <li><a href="#">Brand</a></li>
                    <li><a href="#">Made in China</a></li>
                    <li><a href="#">Camp schools</a></li>
                </ul> 
            </div>
                </div>
        <!-- 11111111111111111111111111111111111111111 -->
            
            <div class="ym_1">
        <!--111111111111111111111111111111111111111111 -->

                <div class="ym_1_left">
                    <div class="ym_1_leftwz"><p>文本区域</p></div>
                </div>
        <!--111111111111111111111111111111111111111111 -->
                <div class="ym_1_center">
                    <div class="ym_1_center_top">广告位</div>
                    <div class="ym_1_center_down">
                        <div class="ym_1_center_down_left">广告位</div>
                        <div class="ym_1_center_down_center">广告位</div>
                        <div class="ym_1_center_down_right">广告位</div>                                    
                    </div>
                </div>
        <!--111111111111111111111111111111111111111111 -->
                <div class="ym_1_right">
                        <div class="ym_1_right_top"></div>
                        <div class="ym_1_right_down"></div>                                
                </div>
        <!-- 11111111111111111111111111111111111111111 -->
            
            </div>
        <div class="ym_2">
                    <div class="kk1">
                        <div class="kk1_up">推荐商品位</div>
                        <div class="kk1_down">推荐商品位</div>
                    </div>
                
                    <div class="kk2">
                        <div class="kk2_up">推荐商品位</div>
                        <div class="kk2_down">推荐商品位</div>
                    </div>
                
                    <div class="kk3">
                        <div class="kk3_up">推荐商品位</div>
                        <div class="kk3_down">推荐商品位</div>
                    </div>
                        
                    <div class="kk4">
                        <div class="kk4_up">推荐商品位</div>
                        <div class="kk4_down">推荐商品位</div>
                    </div>
                
                    <div class="kk5">
                        <div class="kk5_up">推荐商品位</div>
                        <div class="kk5_down">推荐商品位</div>
                    </div>    

                </div>
                <div class="ym_3">
                        <div class="kk6">
                        <div class="kk6_up">推荐商品位</div>
                        <div class="kk6_down">推荐商品位</div>
                    </div>
                
                    <div class="kk7">
                        <div class="kk7_up">推荐商品位</div>
                        <div class="kk7_down">推荐商品位</div>
                    </div>
                
                    <div class="kk8">
                        <div class="kk8_up">推荐商品位</div>
                        <div class="kk8_down">推荐商品位</div>
                    </div>
                        
                    <div class="kk9">
                        <div class="kk9_up">推荐商品位</div>
                        <div class="kk9_down">推荐商品位</div>
                    </div>
                
                    <div class="kk10">
                        <div class="kk10_up">推荐商品位</div>
                        <div class="kk10_down">推荐商品位</div>
                    </div>    
                </div>
                    <div class="ym_3">
                        <div class="kk01">
                        <div class="kk01_up">商品位展示位</div>
                        <div class="kk01_down">商品位展示位</div>
                    </div>
                
                    <div class="kk02">
                        <div class="kk02_up">商品位展示位</div>
                        <div class="kk02_down">商品位展示位</div>
                    </div>
                
                    <div class="kk03">
                        <div class="kk03_up"></div>
                        <div class="kk03_down"></div>
                    </div>
                        
                    <div class="kk.4">
                        <div class="kk04_up"></div>
                        <div class="kk04_down"></div>
                    </div>
            
                    <div class="kk05">
                        <div class="kk05_up"></div>
                        <div class="kk05_down"></div>
                    </div>    
                    
                    </div>

</body>
</html>

```css
*{
                margin: 0 auto;
                padding: 0;
                list-style-type: none;
                overflow: hidden;
                /*display: flex;*/
                margin: 0;
                padding: 0;
                
                

            }
            

            .topbj{
                width: 1800px;height: 24px;background-color: #ffffff;/*margin: 0 auto;*/
                
            }
            .top{
                width:800px ;height: 24px;background-color: #ffffff;/*margin: 0 auto;*/
                text-align:center;font-family: "微软雅黑";font-size: 15px;
            }
            .topbj2{
                width: 1800px;height: 65px;background-color: #747070;/*margin: 0 auto;*/
            }
            .dhwz{
                    text-align: right;
                    font-weight: bold;
                    font-family: "微软雅黑";
                    margin-top: 40px;
                    margin-left: 20px;
                    color: #fff;
                }


            ul {
                display: inline-block;
                text-align: center;
            }

            ul li {
                    float: left;
                    display: inline-block;
                    line-height: 20px;
                 border-right:2px solid #bbb;
                 padding: 2px 5px;
                 margin: 5px 0;

            }
            ul li a {
                   display: block;
                color: #666;
               /* text-align: center;*/
                padding: 0px 20px;
                display: inline-block;
                text-decoration: none;
            }

            li a:hover:not(.active) {
                    background-color: #f0f0f0;
                     padding:border-right: solid 5px red; 
            }

                ul li a.active {
                    color: white;
                    background-color: #4CAF50;
            }
            .ym_1,.ym_2,.ym_3{
                width: 1000px;height: 380px;background-color: #ffffff;margin: 0 230px;display: flex;
                text-align: center;/*overflow: hidden;*/
            }
            .ym_1_left{
                height: 380px;width: 170px;background-color:#6c6c6c; 
                text-align: center;float: left;
            }
            .ym_1_leftwz{
                font-family: "微软雅黑";
                margin-top: 124px;
            }
            .ym_1_center{width: 500px;height: 380px;background-color: #ffffff;}
            .ym_1_center_top{width: 100%;height: 270px;background-color: #9d9d9d;}
            .ym_1_center_down{width: 100%;height: 110px;background-color: #ffffff;display: flex;}
            .ym_1_center_down_left{
                width:33.3%; height: 110;float: left;background-color: #adadad;}
            .ym_1_center_down_right{
                width:33.3%; height: 110;float: left;background-color: #d0d0d0;}
            .ym_1_center_down_center{
                width:33.3%; height: 110;float: left;background-color: #e0e0e0;}
            
            .kk1{height: 470px;width: 170px;background-color:#ffffff; 
                float:left;}
            .kk1_up{height: 70%;width: 170px;background-color: #d0d0d0;}
            .kk1_down{height: 30%;width: 170px;background-color: #7b7b7b;}
            
            .kk2{height: 470px;width: 167px;background-color:#ffffff; 
                float:left;}
            .kk2_up{height: 30%;width: 100%;background-color: #e0e0e0;}
            .kk2_down{height: 70%;width: 100%;background-color: #d0d0d0;}

            .kk3{height: 470px;width: 168px;background-color:#ffffff; 
                float:left;}
            .kk3_up{height: 60%;width: 100%;background-color: #7b7b7b;}
            .kk3_down{height: 40%;width: 100%;background-color: #d0d0d0;}

            .kk4{height: 470px;width: 167px;background-color:#ffffff; 
                float:left;}
            .kk4_up{height: 30%;width: 100%;background-color: #e0e0e0;}
            .kk4_down{height: 70%;width: 100%;background-color: #d0d0d0;}

            .kk5{height: 470px;width: 168px;background-color:#ffffff; 
                float:left;}
            .kk5_up{height: 60%;width: 100%;background-color:  #7b7b7b;}
            .kk5_down{height: 40%;width: 100%;background-color:  #d0d0d0;}

            .kk6{height: 470px;width: 170px;background-color:#ffffff; 
                float:left;}
            .kk6_up{height: 70%;width: 170px;background-color:  #d0d0d0;}
            .kk6_down{height: 30%;width: 170px;background-color:#7b7b7b;}

            .kk7{height: 470px;width: 170px;background-color:#ffffff; 
                float:left;}
            .kk7_up{height: 70%;width: 170px;background-color: #7b7b7b;}
            .kk7_down{height: 30%;width: 170px;background-color: #d0d0d0;}

            .kk8{height: 470px;width: 170px;background-color:#ffffff; 
                float:left;}
            .kk8_up{height: 70%;width: 170px;background-color:#d0d0d0;}
            .kk8_down{height: 30%;width: 170px;background-color:  #7b7b7b;}

            .kk9{height: 470px;width: 170px;background-color:#ffffff; 
                float:left;}
            .kk9_up{height: 30%;width: 170px;background-color:  #7b7b7b;}
            .kk9_down{height: 70%;width: 170px;background-color: #d0d0d0;}
            
            .kk10{height: 470px;width: 170px;background-color:#ffffff; 
                float:left;}
            .kk10_up{height: 70%;width: 170px;background-color:#d0d0d0;}
            .kk10_down{height: 30%;width: 170px;background-color:#7b7b7b;}
            
            .kk01{height: 470px;width: 170px;background-color:#ffffff; 
                float:left;}
            .kk01_up{height: 70%;width: 170px;background-color: red;}
            .kk01_down{height: 30%;width: 170px;background-color: yellow;}

```

  • 写回答

2条回答 默认 最新

  • 崽崽的谷雨 2022-12-07 10:00
    关注

    你给 盒子 加一个 overflow:auto 看看

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

问题事件

  • 系统已结题 12月15日
  • 已采纳回答 12月7日
  • 修改了问题 12月6日
  • 创建了问题 12月6日

悬赏问题

  • ¥15 关于模型导入UNITY的.FBX: Check external application preferences.警告。
  • ¥15 气象网格数据与卫星轨道数据如何匹配
  • ¥100 java ee ssm项目 悬赏，感兴趣直接联系我
  • ¥15 微软账户问题不小心注销了好像
  • ¥15 x264库中预测模式字IPM、运动向量差MVD、量化后的DCT系数的位置
  • ¥15 curl 命令调用正常，程序调用报 java.net.ConnectException: connection refused
  • ¥20 关于web前端如何播放二次加密m3u8视频的问题
  • ¥15 使用百度地图api 位置函数报错？
  • ¥15 metamask如何添加TRON自定义网络
  • ¥66 关于川崎机器人调速问题