0

我想知道是否可以将具有未知高度的相对容器放置在网站的左下角，以便其中的任何文本从底部开始并上升（当我们添加它时）？这与浏览器通常呈现它的方式完全相反（从上到下，垂直）。

例子：

<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

您可以使用外部 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 回答
0

你可以试试这个我认为这个可以帮助你改变css。& 在底部，您只需增加边距顶部以设置底部对齐。

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