HTMLCSS将DIV对齐到页面底部和屏幕 – 以先到者为准_html-js-css

概述我有一个div： clear:both;position:absolute;bottom:0;left:0;background:red;width:100%;height:200px; 和一个html，body： html, body { height:100%; width:100%;}/* Body styles */body { backgro 我有一个div：

clear:both;position:absolute;bottom:0;left:0;background:red;wIDth:100%;height:200px;

和一个HTML，body：

HTML,body {    height:100%;    wIDth:100%;}/* Body styles */body {    background:url(../images/background.png) top center no-repeat #101010;    color:#ffffff;}

我的代码基本上是20个loren ipsum段落，后跟div。

现在我尝试将位置设置为相对和绝对等等，但是绝对的div将其自身与屏幕底部对齐，因此当您使用它滚动div扫描时

我尝试将其设置为相对，但是当没有足够的内容使页面滚动时，div不在页面的底部。

我试过固定，但只是修复它..没有用于我

我如何将div放在屏幕底部和页面上，这取决于它们是否滚动

解决方法好的，固定和工作：D希望它做你想要的。
在这里预览： http://jsfiddle.net/URbCZ/2/

<HTML>    <body >        <div >            test content :D        </div>        <!--Content Here-->    </div>    </body></HTML>

总结

以上是内存溢出为你收集整理的HTML/CSS将DIV对齐到页面底部和屏幕 – 以先到者为准全部内容，希望文章能够帮你解决HTML/CSS将DIV对齐到页面底部和屏幕 – 以先到者为准所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1110802.html

HTMLCSS将DIV对齐到页面底部和屏幕 – 以先到者为准

发表评论

评论列表（0条）