随着网页内容的增加，使用包含块(enclosed block)布局可能会导致页面变得拥挤和不美观。为了解决这个问题，可以使用 CSS 的 `box-sizing` 属性来控制包含块的宽高。
在 CSS 中，使用 `box-sizing` 属性可以将 `width` 和 `height` 属性的值合并为一个统一的值，从而使得包含块的宽度可以随着内容的增加而自动调整。具体来说，`box-sizing` 属性的值为 `border-box`，这意味着包括边框和内边距的宽度。如果大家将 `border-box` 也考虑进来，那么就可以更加准确地控制包含块的大小，而不会受到页面背景和边框的影响。
下面是一个示例代码，展示了如何使用 `box-sizing` 属性来控制包含块的宽度：
“`css
/* 设置一个包含块的的宽度为 100px */
.box {
width: 100px;
/* 设置包含块内边距为 10px */
margin: 10px;
/* 使用 `box-sizing` 属性控制包含块的宽度 */
.box {
width: 100px;
*width: ${‘border-box’: 100px}; /* 将 `width` 属性的值设置为包含块内边距的宽度 */
*height: ${‘border-box’: 10px}; /* 将 `height` 属性的值设置为包含块内边距的宽度 */
在上面的代码中，大家使用了一个嵌套的 `.box` 元素来定义一个包含块。大家首先设置了包含块的宽度为 100px，然后使用 `box-sizing` 属性将 `width` 和 `height` 属性合并为一个统一的值，并将其设置为包含块内边距的宽度，即 10px。最后，大家使用 `*width` 和 `*height` 属性来调整包含块的宽度和高度，以适应页面中的内容。
使用 `box-sizing` 属性可以使包含块的布局更加灵活，并且可以更好地适应页面中的内容。但是需要注意的是，如果 `border-box` 的宽度没有被设置为正确的值，那么包含块的宽度可能会比实际需要的宽度更宽。因此，大家需要确保在设置 `box-sizing` 属性时，正确地设置 `border-box` 的宽度。