html - オーバーフローの非表示の div の下部にパディングを与える方法は?

Question

コンテンツはデータベースから動的に取得されます。ボタンをクリックすると、div が 400px まで拡大されます bottom of div。see more button

#content
  {

    width:180px;
    height:200px;
    overflow:hidden !important;
    padding-bottom:10px;
    position:relative;
}
  #bt
  {
    position: absolute;
    bottom: 0;
   }

html

<div id="content">
<p>content content ....</p>
<input type="button" value="see more" id="bt">
</div>

しかし、この div にパディングの下部を与える方法は? パディングボトムを行うための他のCSSトリックはありますかoverflow :hidden div

Answer 1

padding-bottom:50px#contentに a を追加してください。

Answer 2

これを試して。これはあなたを助けるかもしれません

#bt
{
    position: absolute;
    bottom: 20px; 
}