0

Webサイトの左下に、高さが不明な相対コンテナを配置して、その中のテキストが下から始まり、上に上がるようにすることができるかどうか疑問に思っています（追加すると）。これは、ブラウザが通常レンダリングする方法とは正反対です（上から下、垂直方向）。

例：

<div class="container">Unknown amount of text</div>
.container { max-width: 600px; left: 100px; bottom: 100px; position: absolute; }

これは問題なく機能しますがUnknown amount of text、ユーザーのモニターの高さよりも長い場合、垂直スクロールバーは表示されません。それなら必要position: relative;ですが、このコンテナを左下に貼り付ける方法はありますposition: relative;か？

私はHTML/CSSソリューションのみを探しています（それが可能であれば）。

4

2 に答える 2

0

これを試すことができます。これはcssの変更に役立つと思います。＆下部では、下部の位置合わせを設定するためにマージン上部を増やすだけです。

.container { max-width: 600px; left:0; margin-top:200px; position: relative; }
于 2013-01-16T12:55:45.673 に答える
0

外側の div を使用して、操作効果を得ることができます。

bg color両方に同じparent and child divものを与えると、下から上への効果が得られます。

HTML

<div class="wrap">
  <div class="container">Unknown amount of text</div>
</div>

CSS

html, body{height:100%}
.wrap{ background:green; overflow:auto; height:100%}
.container { max-width: 600px; background:green; position:absolute; bottom:0; }

デモ

于 2013-01-16T12:25:32.473 に答える