老师为什么我的滚动不了

来源:2-12 position-fixed

慕粉1472364919

2020-09-12 18:04:50

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>css定位2-12fixed</title>

    <link rel="stylesheet" href="./reset.css">

    <style type="text/css">

    body{

        height:800px;

        background:blue;

    }

    .block{

        width:80px;

        height:80px;

        line-height:80px;

        text-align:center;

        border:2px solid black;


    }

    .block:nth-child(1){

        position:absolute;

        top:10px;

        left:20px;


    }

    .block:nth-child(2){

        position:fixed;

        top:10px;

        left:20px;



    }

    </style>

</head>

<body>

    <div class="block">绝对定位</div>

    <div class="block">固定定位</div>

</body>

</html>


写回答

1回答

好帮手慕夭夭

2020-09-12

同学你好,body高度可以设置大一点,如2000px。不然高度太小,你的电脑屏幕比较大,就没有出现滚动条无法滚动。老师这边测试,高度调整了一下可以滚动了。

http://img.mukewang.com/climg/5f5ca80e09cea25c19200932.jpg

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程