为啥这个右侧按钮给了 right：0 无效啊？

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            list-style: none;
            text-decoration: none;
        }

        div {
            width: 400px;
            height: 221px;
            margin: 0 auto;
            position: relative;
        }

        div ul {
            width: 2500px;
            position: absolute;
            left: 0;
        }

        div ul li {
            float: left;
        }

        div ul li img {
            width: 400px;
            vertical-align: top;
        }

        div a {
            position: absolute;
            width: 50px;
            height: 50px;
            left: 0;
            background-color: rgba(0, 0, 0, .3);
            margin-top: -25px;
            top: 50%;
            border-radius: 50%;
            font-size: 35px;
            text-align: center;
            line-height: 50px;
        }

        div a.rightBtn {
            right: 0;
        }
    </style>
</head>

<body>
    <div>
        <ul>
            <li><img src="./images/0.jpg" alt=""></li>
            <li><img src="./images/1.jpg" alt=""></li>
            <li><img src="./images/2.jpg" alt=""></li>
            <li><img src="./images/3.jpg" alt=""></li>
            <li><img src="./images/4.jpg" alt=""></li>
        </ul>

        <a class="leftBtn" href="javascript:;">&lt;</a>
        <a class="rightBtn" href="javascript:;">&gt;</a>
    </div>
</body>

</html>

张小阳_ 2022-09-10

源自：DOM 6-3 编写跑马灯轮播图特效

收起

2回答

好帮手慕星星回答被采纳获得+3积分 2022-09-13 09:54:36

同学你好，因为定位的元素同时设置left和righ为0时，left:0;生效。所以代码中单独设置了一个right无法生效。

可以像其他同学这样，改变left值为auto

或者先写right，再写left

自己测试下，祝学习愉快！

收起回答

Zgd_ 2022-09-11 14:49:42

同学，应该这样写

div a.rightBtn {
    right: 0;
    left: auto;
}

收起回答

提问者张小阳_ #1

为啥left 要写auto呀

2022-09-11 15:09:53
提问者张小阳_ #2

为什么left值要给auto呀？

2022-09-11 19:51:58
提问者张小阳_ #3

为什么left值要给auto呀？

2022-09-11 19:52:42