Html 如何设置具有两个区域的BorderContainer？

我有以下布局，我需要调整“中心窗格”的大小以满足屏幕（100%）。 使用以下代码，我无法实现结果。 我做错了什么？如何修复它

试试这个

body {
   margin: 0;
}

只需将其添加到css中

html,body{

 height:100%;
margin:0;
padding:0;
}

你没有为你的身体和html指定任何高度。
这是因为你的html只占据它所需要的高度。如果您想使您的
和
默认为100%高，则必须使用：

html, body {
  height: 100%;
}

如果这样做，则中心窗格将占据整个屏幕。这将导致屏幕100%+顶部窗格的额外100px。如果要使中心窗格占据其余高度，则应使用：

#xxx-dijit-layout-workspace {
  height: calc(100% - 100px);
  background-color: yellow;
}

例如：

#xxx-dijit-layout-workspace {
  height: calc(100% - 100px);
  background-color: yellow;
}