如何让div占据父元素的全部宽度？

<style>
    .parent {
        width: 100%;
        padding: 0;
        border: none;
        margin: 0;
    }
    .child {
        width: 100%;
    }
</style>

<div class="parent">
    <div class="child">这是一个div元素</div>
</div>

<style>
    .parent {
        display: flex;
    }
    .child {
        flex: 1;
    }
</style>

<div class="parent">
    <div class="child">这是一个div元素</div>
</div>