0

HTML：

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

css

#content
{
        width:500px;
    height:400px;/* actual height 1000px */
    float:left;
    color:grey;
    text-align:justify;
    text-indent:1em;
    border:1px solid black;
    padding:10px;
        overflow:hidden;
}

jqueryを使用してボタンをクリックすると、divが最大1000pxまで展開されます。しかし、私の問題は、を設定するoverflow:hiddenと、ボタンが表示されないことです。divの最後にボタンを表示したい。クリックする前とクリックした後、divの最後にボタンを表示したいと思います。これを行う方法？

4

1 に答える 1

2 
#content{
    position: relative; 
}
input[type='button']{
    position: absolute;
    bottom: 0;
}

絶対的に配置された要素は、最も近い「静的以外」に配置された親要素を基準にして配置されます。そのため、#contentをrelative最初に設定する必要があります。

デモ：http： //jsfiddle.net/RFFwy/

于 2012-07-20T04:43:48.870 に答える