小解轻创说 2022-09-29 00:09 采纳率: 66.7%
浏览 50
已结题

css3定位问题根目录百分百宽度

    <style>
        .a {
            margin: 100px auto;
            width: 300px;
            height: 300px;
            background-color: red;
        }

        .b {

            position: absolute;
            width: 100%;
            height: 50px;
            background-color: green;
        }
    </style>
</head>

<body>

    <div class="a">
        <div class="b"></div>
    </div>

</body>

img


他的100%是根目录的大小 ，
想问为什么.b左边没有拉长。

  • 写回答

4条回答 默认 最新

  • 犬莱八荒 2022-09-29 08:35
    关注

    position：absolute设置的元素，其绝对位置相对的元素是它最近的一个父级元素，偏移值由此元素的top、buttom、left、right确定，所以只需要在样式b中添加left:0;即可。望采纳，谢谢

    img

    img

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

报告相同问题？

问题事件

  • 系统已结题 10月7日
  • 已采纳回答 9月29日
  • 创建了问题 9月29日