如何将宽度和高度相同的两个<div>放在一起，而无需滚动？

要将宽度和高度相同的两个 <div> 放在一起，而无需滚动，可以使用以下方法：

使用 CSS Flexbox 布局：将两个 <div> 包含在一个父容器中，并将父容器的样式设置为 display: flex;。这样子元素会自动排列在一行或一列，并自动适应父容器的宽度和高度。

<style>
    .container {
        display: flex;
    }

    .box {
        width: 100px;
        height: 100px;
        background-color: #ccc;
    }
</style>

<div class="container">
    <div class="box"></div>
    <div class="box"></div>
</div>

推荐腾讯云相关产品：腾讯云弹性伸缩（Auto Scaling）可根据业务需求，自动调整云服务器数量，提供更好的弹性和稳定性。具体产品介绍和使用方法，请参考腾讯云官方文档：腾讯云弹性伸缩。

使用 CSS Grid 布局：将两个 <div> 包含在一个父容器中，并将父容器的样式设置为 display: grid;。通过设置网格布局的行列属性，可以实现自动适应父容器宽度和高度的效果。

<style>
    .container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px;
    }

    .box {
        width: 100px;
        height: 100px;
        background-color: #ccc;
    }
</style>

<div class="container">
    <div class="box"></div>
    <div class="box"></div>
</div>

推荐腾讯云相关产品：腾讯云容器服务（Tencent Kubernetes Engine，TKE）是一种高度可扩展的容器管理服务。通过 TKE，您可以轻松运行、管理和扩展容器化应用程序。具体产品介绍和使用方法，请参考腾讯云官方文档：腾讯云容器服务。