如何让父 div 中的子 div 位于 div 的第一行？

Question

如何让父 div 中的子 div 进入 div 的第一行？我的意思看图片：

Answer 1

像这样？

#parent {
    background-color: #aaaaaa;
    height:300px;
}
#child {
    background-color: #ff0000;
    width:220px;
    margin-left:10px;
}

#two {
    background-color: #00ff00;
    width:100px;
}

.kids {
    display: inline-block;
    padding: 2px;
    white-space: normal;
}

<div id="parent" style="width: 250px; display: inline-block; white-space: nowrap">
    
    <div id="child" class="kids">
        <span>child</span>
    </div>
    
  
    
</div>

Answer 2

div
{
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
.parentDiv
{
  position: relative;
  /*...*/
}
.childDiv
{
  position: absolute;
  /*...*/
}

基本上就是CSS。 Read more

Answer 3

如果你想在你的 img 中看起来像，就这样做：

.parent {
  height:300px;
  width:300px;
  background-color:orange;
}
.child {
  height:50px;
  width:80%;
  background-color:green;
  margin:0 auto;
}

<div class="parent">
<div class="child">

</div>
</div>

我很好奇为什么投反对票？有人吗？

如何让父 div 中的子 div 位于 div 的第一行？

How do I get the child div which is inside the parent div, go on the first line of the div?

css

position

display