css100ch和vh

CSS 中的 `100ch` 和 `vh` 是两个不同的单位，用于设置元素的宽度或高度。

`100ch` 是相对于视口宽度的单位，其中 `ch` 表示每个字符的宽度。换句话说，`100ch` 的宽度等于视口宽度能容纳的 100 个字符的宽度。这个单位在需要确保元素适应不同屏幕大小时很有用。

`vh` 是相对于视口高度的单位，其中 `vh` 表示视口高度的百分比。例如，`50vh` 表示视口高度的一半。这个单位通常用于创建具有可自适应高度的元素，以适应不同设备上的不同高度。

使用这两个单位可以帮助我们创建响应式的布局，使元素能够根据视口的大小进行适应。

相关问题

css 100%和100vh

CSS中的100%和100vh都是用来设置元素高度的属性。其中，100%是相对于父元素的高度来设置元素的高度，而100vh则是相对于视口的高度来设置元素的高度。当父元素的高度固定时，子元素设置height:100%可以让子元素的高度等于父元素的高度。而当元素没有内容时，设置height:100%会让该元素的高度为0，而设置height:100vh则会让该元素的高度等于视口的高度。需要注意的是，当使用100%设置元素高度时，父元素的高度必须是固定的，否则无法生效。

CSS 100vw 100vh出现滚动条

当使用CSS的100vw和100vh作为元素的宽度和高度时，如果页面的内容超出了视口的大小，那么浏览器会自动添加滚动条以便用户滚动查看内容。这是浏览器默认的行为，无法通过CSS来直接控制。如果你想去掉滚动条，可以尝试使用CSS的overflow属性来隐藏滚动条，例如：

body {
  overflow: hidden;
}

但是这样会导致页面内容被截断，用户无法查看到被隐藏的部分。因此，建议在设计页面时考虑到滚动条的存在，合理安排页面内容的布局和排版，避免出现滚动条影响用户体验。