使用Flex -将两个子div更改为以100%宽度堆叠在一起

使用Flex布局可以将两个子div以100%宽度堆叠在一起。Flex布局是一种弹性盒子模型，可以方便地实现灵活的布局。

具体实现步骤如下：

在父容器上设置display属性为flex，这样父容器就成为了一个Flex容器。
设置flex-direction属性为row，表示子元素在水平方向上排列。
设置子元素的flex属性为1，表示子元素可以根据剩余空间进行分配，实现宽度的自适应。
设置子元素的width属性为100%，使其占满父容器的宽度。

以下是示例代码：

<style>
    .container {
        display: flex;
        flex-direction: row;
    }
    .child {
        flex: 1;
        width: 100%;
    }
</style>

<div class="container">
    <div class="child">子元素1</div>
    <div class="child">子元素2</div>
</div>

这样，两个子div就会以100%宽度堆叠在一起。你可以根据实际需求对子元素进行样式调整，如设置背景色、边框等。

在腾讯云的产品中，可以使用云服务器（CVM）来搭建网站或应用程序，使用云数据库（CDB）来存储数据，使用云存储（COS）来存储文件等。具体产品介绍和使用方法可以参考腾讯云官方文档：

以上是关于使用Flex将两个子div以100%宽度堆叠在一起的解答，希望能对你有所帮助。如果还有其他问题，请随时提问。