现在一个大盒子里面有很多类名为content的盒子，现在要将content的盒子固定宽度，并且在大盒子里面排成一横排，超出大盒子宽度即开始横向滚动

要实现这种布局，你可以使用CSS的Flexbox或者Grid布局，这里我将以Flexbox为例来说明。首先，你需要确保包含所有`content`盒子的大容器设置为 Flex 容器，并且方向设置为 `row`，以便它们水平排列。然后，为每个`content`盒子设置固定的宽度，并使其能够在需要时进行滚动。

HTML结构：

<div class="container">
  <div class="content" style="width: 200px;">内容1</div>
  <!-- 其他 content 盒子... -->
</div>

CSS样式：

.container {
  display: flex;
  overflow-x: auto; /* 添加这个属性允许横向滚动 */
}

.content {
  flex-grow: 1; /* 各个content盒宽度不变，按需分配空间 */
  width: 200px; /* 固定宽度 */
  box-sizing: border-box; /* 包含边框和内填充在内的宽度 */
}

如果盒子的数量很多，可以使用媒体查询来调整滚动条的显示，比如当屏幕宽度小于某个值时隐藏滚动条：

/* 隐藏滚动条（仅限桌面端，移动端默认不可见） */
@media (max-width: 768px) {
  .container::-webkit-scrollbar { /* Webkit 内核滚动条 */
    display: none;
  }
}