html - 是否可以在绝对 div 中 float 元素？

Question

所以我的代码有点问题，想问问我是否可以在绝对 div 中 float 左右元素。

我是否也应该使这个 div 的每个元素都成为绝对元素并将其定位到相对元素？

或者有没有办法使用 float 或其他方法来解决这个问题？

CSS 代码:

#story{
position: absolute;
margin-top:180px;
margin-left:10px;
width: 450px;


}
#story .img-left{
    float:left;
}
#story p{
    float:left;
}



#sidebar{
    position: absolute;
    margin-top:180px;
    margin-left:550px;
    background-color: white;
    border-style: solid;
    border-color:brown;
    border-width: 5px;

}

\

我的索引看起来像这样:

它应该是这样的:(最终结果):

我不确定这是否可以在不使用(位置)的情况下完成，但我真的无法避免它，因为我发现它解决了我的大部分问题

感谢您阅读我的问题!提前致谢:)

Answer 1

如果你只想让一个元素向左，一个元素向右，你可以使用以下方法:

您可以通过制作一个内部 div 来实现这一点，您可以使用 height 和 宽度 100%。

.abs-div {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid green;
  width: 50%;
  height: 50%;
}

.inside-div {
  margin: 0 auto;
  display: block;
  width: 98%;
  height: 98%;
  border: 1px solid red;
}

.inside-div #right-elm {
  float: right;
}

.inside-div #left-elm {
  float: left;
}

<div class="abs-div">
  <div class="inside-div">
    <p id="right-elm">Right Element</p>
    <p id="left-elm">Left Element</p>
  </div>
</div>