Html 为什么使用 Css 只能看到 1 列而不是 3 列

.column {
  height: 100vh;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 20px;
}

.column:first-child,
.column:last-child {
  width: 25%;
  min-width: 300px;
}

.column:nth-child(2) {
  width: 50%;
  min-width: 600px;
}

<div class="container">
  <div class="column">
    <!-- First column content -->
    col 1
  </div>
  <div class="column">
    <!-- Second column content -->
    col 2
  </div>
  <div class="column">
    <!-- Third column content -->
    col 3
  </div>
</div>

.column {
  height: 100vh;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 20px;
}

.column:first-child,
.column:last-child {
  width: 25%;
  min-width: 300px;
}

.column:nth-child(2) {
  width: 50%;
  min-width: 600px;
}

/* add flexbox to the parent */
.container {
  display: flex;
}

<div class="container">
  <div class="column">
    <!-- First column content -->
    col 1
  </div>
  <div class="column">
    <!-- Second column content -->
    col 2
  </div>
  <div class="column">
    <!-- Third column content -->
    col 3
  </div>
</div>

Html相关问答推荐

UseEffect()从不调用preact

将CSS应用于TD标记内的div

将输入字段下方的两个按钮设置为两侧对齐

如何在排序上重用参数？

你将如何为手机制作导航栏

创建特定的CSS网格布局

SVG的动态CSS

带有排序元素的 CSS 网格

如果您将带有 html 标签的字符串数据(name ： test) 放在 `

` 中，则这些标签不起作用

：after 伪元素没有出现，即使它有 content 属性

Bootstrap 轮播内容在箭头之间不显示

XPATH Select h2标签和

标签之间或h2标签和 标签之间的td元素，以立即为准

th 内的 div 标签没有占据全高

鼠标悬停时切换 colored颜色 的双色链接

使用 Selenium for Python 在网站上查找类名称中包含换行符的元素

我如何使用 HTML 和 CSS 在我的下拉菜单中获得这种类型的样式

使用 bootstrap-icons 的未排序图标堆栈

CSS 变量不适用于自定义属性回退值

如何向弹出窗口添加 sanitize： false 选项？

CSS：如何在模糊的背景上剪切文本？