Question

容器包含哪些CSS属性a，b，div？

div {
 border: 1px solid green;    
}

#container {
 position: fixed;   
 width: 100%;
}

.a, .b {
    top: 10px;
    position: absolute;
}
<div id="container">
    <div class="a">abc</div>
    <div class="b">efg</div>
</div>

更新

位置：固定，位置：绝对是遗留部分，我认为它们是合乎逻辑的：我想把a，b放到固定容器中。为什么我要将绝对值改为亲戚？

如果不将a，b位置更改为相对位置，则无法解决？为什么？为什么我需要改变容器高度？ a，b在容器中

Answer 1

只需从div a和b

中移除绝对定位即可

Check it out

Answer 2

只需更改

position: absolute;

到

 position: relative;

Answer 3

.a, .b {
    width : 20%;
    float : left;
}

Answer 4

您的子元素确实位于父块中。

但是，由于#container内没有流入内容，其高度会折叠为零，看起来子元素不在其中。

如果您指定父块的高度，您会看到.a和.b位于其中，如您所料。

在原始示例中，子元素溢出父容器（高度为零）。如果您在父级上设置了overflow: hidden，则子元素将不可见。

div {
  border: 1px solid green;
}
#container {
  position: fixed;
  width: 90%;
  height: 100px;
}
.a,.b {
  position: absolute;
}
.a {
  top: 20px;
  left: 20px;
}
.b {
  top: 50px;
  left: 50px;
}

<div id="container">
  <div class="a">abc</div>
  <div class="b">efg</div>
</div>

Answer 5

＆＃39;我不确定你想要什么，但如果只是在一个带有边框的更大容器中有a和b div，就这样做：

的CSS：

#container {
     position: fixed;   
     border: 1px solid green; 
}

.a {
    margin:10px;
}

HTML：

<div id="container">
    <div class="a">abc</div>
    <div classput="a">efg</div>
</div>

使div包含在容器div中

5 个答案: