4

名前のリストを含む ul を含むいくつかのコンテンツを含む div があります。div タグのオーバーフローが非表示および高さ :auto に設定されているため、コンテンツとともに高さが増加します。ただし、名前のリストを含む ul があります。リストを箱の外に出してほしい。facebook add people autocomplete のようなもの。人のリストはボックスの外側に表示されます

ここに私の構文があります

   <div>

    <!-- content goes here -->

    <ul><!-- names go here --> </ul>


    </div>

更新しました

<div><!-- div with overflow set to hidden-->

<ul class="selected"></ul><!-- ul containing selected elements-->

<ul class="users"></ul> <!-- list of users -->


</div>

div{overflow:hidden}

.selected{overflow:hidden}

.users{position:absolute}

ユーザー div をボックスの外に出す必要がありますが、親 div がオーバーフロー非表示に設定されているため、切り取られます。クラスが選択されたdivがより多くの要素を取得すると、親divが展開されないため、非表示のオーバーフローを削除できません

4

3 に答える 3

1

いいえ、できません。

jsBin デモoverflow:hiddenは、要素から内部の子を「プッシュアウト」できないことを示しています。答えは次のとおりです。overflow:hidden; を使用しないでください。.

または：あなたはこの答えをチェックしたいかもしれません

于 2012-06-16T13:45:32.723 に答える
0

子要素を絶対配置すれば可能です。-> http://jsfiddle.net/joplomacedo/CX5n9/

于 2012-06-16T17:44:11.970 に答える
0

position: relativeul に追加してみてください。

デモ: http://jsfiddle.net/57NmY/

于 2012-06-16T13:29:37.880 に答える