Question

我正在尝试两个divs，其中一个在左边，另一个在左边。我尝试过相对定位，但它没有和绝对的一致。 My Image here

我的代码：

div.ana {
  border: 0;
  background: #fff;
  position: relative;
  margin-left: 10%;
  margin-right: 10%;
  border-left: 1px solid #c9cfd9;
  border-right: 1px solid #c9cfd9;
}

div.menu {
  background: #f2f4f6;
  font-size: 100%;
  font-weight: bold;
  padding: 8px;
  border-bottom: 1px solid #dce0e7;
}

div.orta {
  position: relative;
  z-index: 1;
}

div.sol {
  position: inherit;
  top: 0;
  left: 0;
  margin-left: 0;
  width: 21%;
  padding: 10px 5px 5px 5px;
}

div.sag {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 0;
  width: 76%;
  padding: 10px 5px 5px 5px;
  border-left: 1px solid #c9cfd9;
}

<div class="ana">
  <div class="orta">
    <div class="sag">
      some word on right
    </div>
    <div class="sol">
      some words on left
    </div>
  </div>
</div>there is on the left (like hehe)

这是link，有溢出，我希望class =“orta”伸展。我该怎么办？

决赛：谢谢。我修好了它。我不得不补充道：

<div style="clear:both"></div>

位置/浮点后的CSS

0 个答案: