Css 将左侧div与右侧内容的底部对齐

我的html结构如下所示：

<div class="pagebody">
 <div class="pageleft">
      <div class="sidebarmenu">
      </div>
      <div class="sidebarbottom">
      </div>
 </div>   <!--  end pageleft  -->

 <div class="pageright">
      ...
      ...
      ...
 </div>   <!--  end pageright  -->

 <div class="clear"></div>

 </div>   <!--  end pagebody  -->

“pageright”内容的高度不是固定的，而且会发生变化。我想将“sidebarbottom”与“pageright”的底部对齐。尝试使用绝对位置和相对位置，但不起作用

---

有什么帮助吗？

这就是你想要达到的目标吗

我找到了解决方案

下面将再次重复：-

<div class="pagebody">
  <div class="pageleft">
    <div class="sidebarmenu">
    </div>
  </div>   <!--  end pageleft  -->

  <div class="pageright">
  ...
  ...
  ...
  </div>   <!--  end pageright  -->

  <div class="clear"></div>

</div>   <!--  end pagebody (1) -->

<div class="pagebody">
  <div class="pageleft">
    <div class="sidebarbottom">
    </div>
  </div>   <!--  end pageleft  -->

  <div class="pageright">
   &nbsp;
  </div>   <!--  end pageright  -->

  <div class="clear"></div>

</div>   <!--  end pagebody (2) -->

...
...
...

---

这管用

你也可以发布你尝试过的css吗？没有看到你的css有点困难…在你的页面中高度：auto。pageleft没有任何作用，类似的margin:0 auto-301px将用作margin:0-301px.No。”“底部”位于左侧，与右侧展开内容物的底部对齐。

<div class="pagebody">
  <div class="pageleft">
    <div class="sidebarmenu">
    </div>
  </div>   <!--  end pageleft  -->

  <div class="pageright">
  ...
  ...
  ...
  </div>   <!--  end pageright  -->

  <div class="clear"></div>

</div>   <!--  end pagebody (1) -->

<div class="pagebody">
  <div class="pageleft">
    <div class="sidebarbottom">
    </div>
  </div>   <!--  end pageleft  -->

  <div class="pageright">
   &nbsp;
  </div>   <!--  end pageright  -->

  <div class="clear"></div>

</div>   <!--  end pagebody (2) -->