Question

请查看我做的这个例子：

HTML：

<body class="pcon">
     <div class="ccon">
     </div>
</body>

CSS：

.pcon{
    border:solid;width:100%;background-color:pink;
}

.ccon{
    width:2000px;height:300px;background-color:green;
}

这是针对我正在制作的网站，我有一个固定大小的div，如果用户决定调整窗口大小，父div可能无法容纳，因为我使用100％的宽度和我的div具有固定大小1200px，如果用户决定调整窗口大小，则会发生相同的情况，因为父级必须适应新的宽度。

为了模拟场景，我有一个宽度为100％的父div，它有一个div宽度为2000px的子节点。如我们所见，边框并未完全“覆盖”绿色框。我该怎么做才能使父级边框包含更大尺寸的div，因为可能会调整大小？

我想到的解决方案是使用min-width（因为父级的宽度将大于预先指定的div的宽度）。