Heim >Web-Frontend >HTML-Tutorial >控制div固定在页面的某个位置 ,用js感觉很麻烦 CSS更好一些_html/css_WEB-ITnose

控制div固定在页面的某个位置 ,用js感觉很麻烦 CSS更好一些_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:27:47936Durchsuche

CSS代码:<style type="text/css">html,body {width:100%;height:100%;margin:0px;padding:0px;overflow:hidden;}#Main {position:absolute;bottom:0px;left:0px;width:100%;height:100%;overflow:auto;z-index:1;}#ToolBar {position:absolute;bottom:0px;right:16px;width:100%;height:20px;text-align:center;background:#ccc;z-index:2;overflow:hidden;}</style>HTML代码
<div id="ToolBar">CSS控制DIV永远固定在页面底部 www.865171.cn</div><div id="Main"><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p><p>www.865171.cn</p></div>

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn