Question

主人<div>将被分为两个<div> 30%和70% width。

30％的名为outerContainer的文章在<a>个孩子中有一些文字，另一个名为<div>的孩子container需要占用剩余的空间。

我尝试让container拥有width和height 100%，认为它会填满outerContainer无效。

container正在接受width的{{1}}和height（看起来像），而不是像我想要的那样填满剩余的空间。

outerContainer

.master {
  width: 100%;
  height: 300px;
  background: black;
}
.outerContainer {
  width: 50%;
  height: 100%;
  border: 2px solid cyan;
}
.container {
  width: 100%;
  height: 100%;
  border: 2px solid red;
}
.text {
  margin: 0;
  color: white;
}

请参阅：JSFiddle

Answer 1

您可以使用return Task.FromResult(string.Join("", bits.ToArray()));轻松解决此问题，将... <li onclick="comprehensiveClickHandlerFunc()">text</li> ...应用于function comprehensiveClickHandlerFunc(){ myFunc(); return otherFunc(); } function myFunc(){ } function otherFunc(){ }，将flexbox应用于flex-direction:column

容器内会有一个图像

正如@pangloss所提到的，.outerContainer中的flex:1解决了这个问题。

＆＃13;

.container

＆＃13;

min-height:0

＆＃13;

在父级中创建div填充空格

1 个答案: