设置div的盒子长为全屏

要在CSS中设置一个div元素的宽度为全屏，你可以使用百分比宽度配合max-width或者flexbox来实现。以下是几种常见的方法：

1. **百分比宽度**:
如果页面容器有固定的宽度，可以将div的宽度设为100%，如：

   .fullscreen-div {
       width: 100%;
   }

2. **max-width + 流动布局**:
如果你想让div最大宽度达到屏幕大小，并在内容溢出时自动调整高度，可以使用`max-width: 100%`：

   .fullscreen-div {
       max-width: 100%;
       width: auto; /* 如果不是流体布局，这行可以省略 */
       overflow: auto; /* 防止内容隐藏，默认滚动 */
   }

3. **Flexbox布局**:
对于响应式设计，如果容器也是flex布局，可以直接设置宽度为100%：

   .parent-container {
       display: flex;
       justify-content: center;
       align-items: center;
   }
   .fullscreen-div {
       flex: 1; /* 自适应剩余空间 */
   }

记得将`.fullscreen-div`替换为你实际div的class名。如果你想让div的高度也自适应，可以在 `.parent-container` 上设置 `height: 100vh`。