Html Div不'；t安装在外分压器内

我有三个

div

s，第一个（内容）里面还有两个

div

s

在Chrome中，最后两个

div

s适合于第一个div。在MS Edge中，最后一个

div

不适合于第一个

div

，并在屏幕上第一个div完成后开始

如何强制将最后两个

div

s安装在第一个

div

中

例如，

B

和

C

必须位于

A

内部：

.content{
背景：#f0f0ed；
边界半径：5px；
位置：相对位置；
背景色：白色；
}
.B{
身高：100%；
保证金：0；
位置：相对位置；
溢出：隐藏；
z指数：1；
边框左上半径：5px；
边框右上角半径：5px；
}

---

根据您想要对div执行的操作以及innee div中的内容，您可以将外部div显示为：flex并给出内部divs flex基值

编辑：（对不起，我打电话了，午饭后刚回到办公桌）

所以你可以试试

.content {
  display: flex;
}
.B {
  flex: 0 0 50%;
}
.col-12{
  flex: 0 0 50%;
}

默认设置

display:flex

将水平排列。如果您希望它们垂直，可以添加

flex-direction:column

.content {
  flex-direction: column;
}

---

任何其他样式都基于您想要的内容、您在级联中编写css的方式以及元素的内容

什么是内容？…您能生成一个代码片段吗？将帮助我们更好地解决您的问题。@Alex content是外部分区

B

和

C

的CSS在哪里？根据你的样本，B和C在

内容
分区内。你必须给我们一些东西，我们只有3个空分区，没有宽度和高度，也没有内容。这确实不能回答问题。你应该发布代码，提供一个例子。抱歉，当我写第一个答案的时候，我正在吃午饭