-1

コメント コンテナーを投稿コンテナーに対して相対的に配置したい。しかし、投稿テキストは異なるサイズにすることができるので、自動高さにしました。任意の数のコメントを含めることができるので、コメント コンテナについても同じです。しかし、コメントコンテナを次のように配置すると

#wallwrap .comment_container_out
        {
    position:absolute;
    width:150px;
    bottom:-15px;
    left:80px;
           }

コメントコンテナの下部を投稿コンテナの下部とみなすので、コメント数が増えるとコメントコンテナの高さも高くなるのですが、下方向に拡張したいのに上方向に拡張してしまいます。
ポストコンテナは

#wallwrap .text_post

    {
    position:relative;
    left:20px;
    font-size:10px; 
    font-family:Helvetica,Arial,  sans-serif;
    color:#000;
    background-color:#fff;
    padding:5px 10px;
    width:220px;
    }
4

1 に答える 1

2

問題の核心は、position：absoluteを使用していることです。これにより、通常のHTML「フロー」から要素が削除されます。次に「bottom：0」に設定すると、常にコンテナの底に固定されますが、垂直方向に上向きに成長します。

なぜ絶対に配置しようとしているのですか？位置：絶対は常に最後の手段でなければなりません。投稿領域をコメントから分離しようとしているだけの場合は、投稿領域にマージンボトムを追加するだけです。

于 2012-07-05T17:48:40.353 に答える