Question

https://material-ui.com/components/drawers/#responsive-drawer

背景

我正在检查材料UI文档（特别是响应式抽屉部分中的JS）。我在代码中找到了<div className={classes.toolbar} />。我希望<div className={...}>始终至少有一个子元素，并且所有元素，包括<div>本身和所有子元素，都被认为属于该类。但是，它没有任何孩子。

问题

<div className={classes.toolbar} />的实际作用是什么？

Answer 1

很可能它应该用作某种分隔符。例如，如果要强制两个<span />放在单独的行上（它们是内联元素）-只需在它们之间放置另一个<div />。当然，css可以使span充当块级元素（display: block;），<div />仅用于出于某些原因不希望使用css的用户。

更新

通过检查文档页面上的示例，这是该类实际执行的操作：

@media (min-width: 600px) {
  .jss319 {
    min-height: 64px;
  }
}

它将div变成分隔符，将抽屉中的内容向下推。

<div />（没有孩子）的用途是什么？

1 个答案:

更新