Jquery 如何对齐div底部的按钮？

我有一个叫block_的部门在里面。其中有两个div，text_block和text_block_button。text_block_button中的button类使用jquery显示和隐藏类（段落）。text_block和text_block_button div是内联的。当我单击按钮时，div展开并显示“about”类。在显示和隐藏about类时，如何将button类与div内的block_底部对齐。以下是html代码：

<div class="block_inside">
  <div class="text_block">                   
    <p>Here is paragraph.  </p>
    <p class="about">Here is hidden paragraph.(more than 500 words.) </p>
  </div>
  <div class="text_block_button">
     <a class="button">About</a>
  </div>
</div>

以下是jquery代码：

<script>
$(document).ready(function() {
$('p.about').hide();    
$('a.button').click(function() {
    $('p.about').toggle();
});

});
</script>

$（文档）.ready（函数（）{
$（'p.about'）.hide（）；
$（'a.button'）。单击（函数（）{
$（'p.about'）.toggle（）；
});
});

---

您的问题标题实际上与您的问题不匹配。我不知道您的意思是“将button类与div内的block_底部对齐”。“将div与页面底部对齐”（您的问题标题）的意义是什么？好的。它起作用了。我可以编辑标题。你对标题有什么建议？@kalaba2003和你的问题一模一样：“我如何对齐DIV底部的按钮”谢谢

<script>
$(document).ready(function() {
$('p.about').hide();    
$('a.button').click(function() {
    $('p.about').toggle();
});

});
</script>

.block_inside {
    position:relative; /*added*/
    /* ... */
}

.text_block_button {
    position:absolute;    /*added*/
    bottom:10px;          /*added*/
    right:10px;           /*added*/
    /* ... */
}