css左右两个div为100%换行

在CSS中，经常需要将两个或多个div元素并排显示，使它们在同一行上。其中一个常见的需求是在两个div元素之间添加换行。下面是一个示例代码，其中左右两个div元素都占据了100%的宽度，且设置了float属性：

<div style="width: 100%; overflow: auto;">
    <div style="width: 100%; float: left;">
        左边的div
    </div>
    <div style="width: 100%; float: left;">
        右边的div
    </div>
</div>

上面代码中，第一个div元素设置了overflow属性为auto，这意味着它将会自动显示滚动条，以便在内部的div元素超出其宽度时使用。它还允许内部div元素在同一行上显示，而不是被强制换行。左右两个div元素都设置了宽度为100%，这意味着它们将填充整个父级div元素。此外，它们还都设置了float属性，以便它们可以并排显示。在使用float属性时，应该注明每个div元素的位置，以确保它们按预期排列。

总之，在CSS中实现两个div元素并排显示并在它们之间添加换行，需要设置div元素的宽度为100%，并在它们上面设置float属性。同时，为了确保它们位于同一行上，需要在包含它们的div元素上设置overflow:auto属性。