cari

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

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

WBOY
WBOYasal
2016-06-24 12:27:47930semak imbas

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>

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：[置顶] CSS+DIV总结_html/css_WEB-ITnoseArtikel seterusnya：1.DIV+CSS常用的Html网页布局代码_html/css_WEB-ITnose

Artikel berkaitan

Lihat lagi