为啥这个右侧按钮给了 right:0 无效啊?

为啥这个右侧按钮给了 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>

https://img1.sycdn.imooc.com//climg/631fc442098d594106500320.jpghttps://img1.sycdn.imooc.com//climg/631fc44b09c1afbf06500208.jpg

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕星星 2022-09-13 09:56:54

同学你好, 已经在另外一个相似问题中进行了回复,可以查看下:

https://class.imooc.com/course/qadetail/334032

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师