0

テキストが入っているボックスに従ってテキストを揃えたい。次のhtmlコードを見てください。

Html:
<div class="box">
    <div class="cont">
        Hello World!!!
    </div>
</div>

そして今ここにそのcssコードがあります

CSS:
.box
{
    height:200px;
    width:200px;
    border:1px dashed red;
}
.cont
{
    border:1px solid green;
    position:fixed;
    right:0px;
    width:55px;
}

しかし、固定しておくと、ボックスの隅に移動したいのに、ページの右隅に移動するだけです。前もって感謝します。

4

1 に答える 1

1

親要素に従ってコンテンツを配置する場合は、position：absoluteを使用します。配置する親要素を示すには、親にposition：relativeのスタイルを指定します。contからposition：fixedを削除し、以下を追加すると、機能するはずです。

.box {
position: relative;
}

.cont {
position: absolute;
}
于 2012-08-02T05:13:15.070 に答える