css 如何在网格中使用溢出属性？

zvokhttg 于 2023-01-06 发布在其他

关注(0)|答案(1)|浏览(144)

当我试图隐藏溢出的边界半径的子元素在网格中，它不工作，但它的工作与弹性。
目前为止我尝试的是：
我将overflow: hidden;放入父元素中，但没有任何React

body {
  display: grid;
  grid-template-columns: repeat(1, 2fr);
  margin: 10em auto;
  max-width: 40vw;
  min-height: 40vh;
  border: 2px solid;
  border-radius: 20px;
  overflow: hidden;
}

div {
  color: white;
  padding: 10px;
  font-weight: bold;
  text-align: center;
}

div:nth-of-type(1) {
  background-color: red;
}

div:nth-of-type(2) {
  background-color: blue;
}

div:nth-of-type(3) {
  background-color: green;
}

<body>
  <div>Head</div>
  <div>main</div>
  <div>foot</div>
</body>

css

来源：https://stackoverflow.com/questions/74991361/how-do-i-use-the-overflow-property-in-a-grid

1条答案

按热度按时间

yacmzcpb1#

你可以不像这样使用body作为你元素的父元素，而是把它们 Package 在另一个div中。
要排除这个“新”父项，可以在已有的div选择器上使用not选择器

div:not(.parent) {
  color: white;
  padding: 10px;
  font-weight: bold;
  text-align: center;
}

x一个一个一个一个x一个一个二个x

赞(0）回复(0）举报 2023-01-06

我来回答

css 如何在网格中使用溢出属性？

1条答案

相关问题

热门标签

最新问答