recherche

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

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

WBOY
WBOYoriginal
2016-06-24 12:27:47930parcourir

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>

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：[置顶] CSS+DIV总结_html/css_WEB-ITnoseArticle suivant：1.DIV+CSS常用的Html网页布局代码_html/css_WEB-ITnose

Articles Liés

Voir plus