0

画面の中央から始まり、ページの最後 (画面外) まで右に行く背景色を持つ要素を作成したいのですが<div>、スクロール バーをトリガーしたくありません。その中で、その最初（画面内）に<div>いくつかの情報が必要です。HTML コードの例を次に示します。<div>

<div id="footer">
   <h2>Information</h2>
   <p>Some text</p>
   <p class="alignright">Another information in this paragraph.</p>
</div>

これは私がそれをどのように見せたいかです：

http://postimage.org/image/h60apjfjf/

4

4 に答える 4

0

css background-image of body を使用してその効果を達成することはできませんか?

于 2012-08-23T08:12:04.520 に答える
0

あなたはそのようなことをすることができます:

#footer {
    float: right;
    width: 50%;
    background-color: blue;
    overflow: hidden;
}​

オーバーフローの非表示は必要ありませんが、スクロールバーが表示される場合、これでは表示されません。

編集:例: http://jsfiddle.net/8nu68/

于 2012-08-23T08:12:46.567 に答える
0

これを行うには、フッター div を別の div でラップします。これにより、フッター div を完全に配置できるだけでなく、スクロールバーを生成したりオーバーフローを表示したりせずにフッター div を外側に配置することもできます。

例えば：

<div id="footer-wrapper">

    <div id="footer">

        <h2>Information</h2>
        <p>Some text</p>
        <p class="alignright">Another information in this paragraph.</p>

    </div>

</div>

#footer-wrapper { width:300px; height:100px; position:relative; overflow:hidden; }
#footer { position:absolute: top:50px; left:50%; width:300px; }

等

position:relative は、position:absolute を使用するフッター div がラッパーを位置参照として使用することを意味します。Overflow:hidden は、スクロール バーを防止し、オーバーフローを非表示にします。

于 2012-08-23T08:15:30.220 に答える
0

CSS を使用すると、これを簡単に行うことができます。次のようなもの：

#footer {
   background-color: #b0c4de;
   width: 50%;
   height: 20px;
   float: right;
}

これは非常に優れたリソースです: http://www.w3schools.com/css/default.asp

于 2012-08-23T08:24:30.213 に答える