DIV随浏览器移动，始终保持显示在页面中！求代码~~_百度知道
DIV随浏览器移动，始终保持显示在页面中！求代码~~
div&0&quot，我想让表格内的DIV随浏览器滚动条移动;&lt以下是代码;& height=&quot：当浏览器顶部碰到DIV顶部的时候; border=&/td&gt:80 cellspacing=&quot，DIV随浏览器往下移动; cellpadding=&&&gt，一直往下移动;div style=&top&&gt，直到DIV接触到表格底部为止;/0&quot，始终保持在页面中;&
&table&100&td valign=&quot，但DIV不能跑到表格外面;
&tr&&lt，求高人指点&lt:#CCCCCC;0&table width=&500&/tr&gt:100 background-color；前台表现形式为
提问者采纳
fixed；　相对于浏览器定位你可以试试　不过这个在IE6下是不好使的　IE6不支持　所以你得用JS来做原理就是把定位设置为　position：absolute默认情况下单纯CSS就可以实现　就是把定位方式修改一下　比如　position
提问者评价
其他类似问题
按默认排序
其他2条回答
0加一个position：fixed 然后固定位置比如; top，left
div的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁HTML的footer置于页面最底部的方法 - 小羽的仓库 - ITeye技术网站
博客分类：
需求：有时候，当页面内容较短，撑不开浏览器高度，但是又希望footer能在窗口最低端。
思路：footer的父层的最小高度是100%，footer设置成相对于父层位置绝对（absolute）置底（bottom：0），父层内要预留footer的高度。
&!-- 父层 --&
&div id="wapper"&
&!-- 主要内容 --&
&div id="main-content"&
&!-- 页脚 --&
&div id="footer"&
/*重要！保证footer是相对于wapper位置绝对*/
/* 保证页面能撑开浏览器高度时显示正常*/
min-height: 100%
/* IE6不支持，IE6要单独配置*/
bottom: 0; /* 关键 */
left:0; /* IE下一定要记得 */
height: 60
/* footer的高度一定要是固定值*/
#main-content{
padding-bottom: 60 /*重要！给footer预留的空间*/
这时候，其它浏览器上都能正常显示了，但是IE 6要另外处理：
&!--[if IE 6]-&
#wapper{height:100%;} /* IE在高度不够时会自动撑开层*/
&![endif]--&
浏览 10419
浏览: 34385 次
来自: 厦门
又是这种坑人的代码，，这只是获取别人的定位信息而已，如果get ...
很好，YEYE
亲，看不懂啊，源代码可以发一下吗？@qq. ...网页中的DIV层随着页面移动而移动_百度知道
网页中的DIV层随着页面移动而移动
希望你们把所有代码都写给我，让我学习学习，请大家帮忙了，不管你把页面往下拉多远，DIV始终保持在你屏幕的同一个位置）急急急急啊用DIV+JS使DIV 能随着页面上下滚动也跟着滚动（意思就是说，写一个简洁的，谢谢
提问者采纳
fixed默认情况下单纯CSS就可以实现 就是把定位方式修改一下 比如 相对于浏览器定位你可以试试 不过这个在IE6下是不好使的 IE6不支持 所以你得用JS来做原理就是把定位设置为 position:absolute
其他类似问题
按默认排序
其他2条回答
.pageS}); d;px&quot.scrollDIV = function (a;
top值 ||c ==&gt,{ duration.get(); });
d:false }): c || 350 : 日10,**N }:& 滚动速度(默认500ms)*/px&quot: 滚动DIV*Dvar Util = {}; 对像 || b ==&gt.css({position: g+& var s =Util.animate({top : a ==&gt.scrollTop();absolute&quot:51*Arguments,c){ var d = $(a).scroll(function (){
var g = parseInt(b) + $(window); $(window): b+&Util,b&#47,}
&!DOCTYPE HTML PUBLIC &-//W3C//DTD HTML 4.0 Transitional//EN&&&html xmlns=&&&&head&&meta http-equiv=&Content-Type& content=&text/ charset=gb2312& /&&title&无标题文档&/title&&style&div{text-decoration:none}#Layer1 { position: width:56 height:17 z-index:1; left: 215 top: 195}a{text-decoration:none}&/style&&script& var picTop = 0; var closeTop = 0;
var picTop2 = 0; var closeTop2 = 0; function initPic(){
picTop = document.getElementById('pic').style.pixelT
closeTop = document.getElementById('picClose').style.pixelTop - 10;
picTop2 = document.getElementById('pic2').style.pixelT
closeTop2 = document.getElementById('picClose2').style.pixelTop - 10; } function autoPic(){
document.getElementById('pic').style.pixelTop = picTop + document.body.scrollT
document.getElementById('picClose').style.pixelTop = closeTop + document.body.scrollT
document.getElementById('pic2').style.pixelTop = picTop2 + document.body.scrollT
document.getElementById('picClose2').style.pixelTop = closeTop2 + document.body.scrollT } function myclose1(){
document.getElementById('pic').style.display = &none&;
document.getElementById('picClose').style.display = &none&; }
function myclose2(){
document.getElementById('pic2').style.display = &none&;
document.getElementById('picClose2').style.display = &none&; } window.onscroll = autoP&/script&&/head&&body onLoad=&initPic()& style=& font-size:12px&&&div id=&pic& style=&position:&&&img src=&images/CatEatsCorn.gif& width=&261& height=&196& /&&/div&&p&&&/p&&p&a&/p&&p&a&/p&&p&aa&div id=&pic2& style=&position: left: 1014 top: 11&&&img src=&images/CatEatsCorn.gif& width=&261& height=&196& /&&/div&&/p&&p&a&/p&&div id=&picClose& style=&position: z-index:5; top:190; left:230&&&a href=&javaScript:myclose1()&&X_关闭&/a&&/div&&/div&&p&&&/p&&p&a&/p&&div id=&picClose2& style=&position: z-index:5; top:193 left:1224 width: 51&&&a href=&javaScript:myclose2()&&X_关闭&/a&&/div&&p&a&/p&&p&aa&/p&&p&a&/p&&p&a&/p&&p&a&/p&&p&a&/p&&p&&&/p&&p&aa&/p&&p&a&/p&&p&a&/p&&p&a&/p&&p&a&/p&&p&a&/p&&p&a&/p&&p&a&/p&&p&a&/p&&p&a&/p&&p&a&/p&&p&a&/p&&p&a&/p&&p&&&/p&&p&a&/p&&p&a&/p&&p&a&/p&&p&a&/p&&p&a&/p&&p&a&/p&&p&a&/p&&p&a&/p&&p&&&/p&&p&&&/p&&/body&&/html&
div的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁如何css控制div始终在整个页面最底部
如何css控制div始终在整个页面最底部
我的页面是自适应高度，怎么用css控制我的div：bottom不管页面高度多少始终在页面最低端？谢谢
补充：我是要是div在整个页面的最低端，而不是在浏览器的最低端。谢谢！
补充：就是页面最下面放置版权信息的那块，我放在一个div（bottom）里。我想让他一直在页面最低端！
补充：我试了，你那种方法我试过之后，它是出现在浏览器窗口的最下面，而不是页面最低端
不区分大小写匿名
suspendcode12=&&DIV id=\&lovexin12\& style=&right:0POSITION:TOP:350z-index:100&&&;
&HTML&
&HEAD&
&TITLE&租天站长源码|zutian.net|---始终在页面固定位置的层&/TITLE&
&META HTTP-EQUIV=&Content-Type& CONTENT=&text/html& charset=&gb2312&&
&/HEAD&
&style&
&!--
.div{
 position:
 border: 2
 background-color: #EFEFEF;
 line-height:90
 font-size:12
 z-index:1000;
}
--&
&/style&
&BODY&
&div id=&Javascript.Div1& class=&div& style=&width: 240; height:90& align=&center&&正中...&/div&
&SCRIPT LANGUAGE=&JavaScript&&
function sc1(){
 document.getElementById(&Javascript.Div1&).style.top=document.body.scrollTop+(document.body.clientHeight-document.getElementById(&Javascript.Div1&).offsetHeight)/2
 document.getElementById(&Javascript.Div1&).style.left=document.body.scrollLeft+(document.body.clientWidth-document.getElementById(&Javascript.Div1&).offsetWidth)/2;
}
&/SCRIPT&


&div id=&Javascript.Div2& class=&div& style=&width: 240; height:90;& align=&center&&左上...&/div&
&SCRIPT LANGUAGE=&JavaScript&&
function sc2(){
 document.getElementById(&Javascript.Div2&).style.top=document.body.scrollTop
 document.getElementById(&Javascript.Div2&).style.left=document.body.scrollL
}
&/SCRIPT&

&div id=&Javascript.Div3& class=&div& style=&width: 240; height:90;& align=&center&&左下...&/div&
&SCRIPT LANGUAGE=&JavaScript&&
function sc3(){
 document.getElementById(&Javascript.Div3&).style.top=document.body.scrollTop+document.body.clientHeight-document.getElementById(&Javascript.Div3&).offsetH
 document.getElementById(&Javascript.Div3&).style.left=document.body.scrollL
}
&/SCRIPT&


&div id=&Javascript.Div4& class=&div& style=&width: 240; height:90;& align=&center&&右上...&/div&
&SCRIPT LANGUAGE=&JavaScript&&
function sc4(){
 document.getElementById(&Javascript.Div4&).style.top=document.body.scrollT
 document.getElementById(&Javascript.Div4&).style.left=document.body.scrollLeft+document.body.clientWidth-document.getElementById(&Javascript.Div4&).offsetW
}
&/SCRIPT&
&div id=&Javascript.Div5& class=&div& style=&width: 240; height:90;& align=&center&&右下...&/div&
&SCRIPT LANGUAGE=&JavaScript&&
function sc5(){
 document.getElementById(&Javascript.Div5&).style.top=document.body.scrollTop+document.body.clientHeight-document.getElementById(&Javascript.Div5&).offsetH
 document.getElementById(&Javascript.Div5&).style.left=document.body.scrollLeft+document.body.clientWidth-document.getElementById(&Javascript.Div5&).offsetW;
}
&/SCRIPT&


&SCRIPT LANGUAGE=&JavaScript&&
&!--
function scall(){
 sc1();sc2();sc3();sc4();sc5();
}
window.onscroll=
window.onresize=
window.onload=
//--&
&/SCRIPT&
&div style=&position: top: 0; left: 0; width: 10000; height: 4000;&&&/div&
&/BODY&
&/HTML&
这是我收藏人的可以借鉴一下
页面最低端啊……
你可以直接在页面低端插入一个div
在样式里给一个margin-top:
即可
我试过了，可是我上面的内容高度不确定啊，要给margin-top设置多少才算合适呢？
……
你把div插到你上面内容的div之下试试
div style=&position:bottom:0&
不明白。如果说是层覆盖时始终在最底层。就是z-index属性。页面底端？浏览器底端？如果是类似漂浮广告的。始终相对页面的某个位置，就要用到js。
那就是绝对定位了，你难道都不试下么？
那只能利用自适应高度，放他在最底下，只要自适应高度高于屏幕高度，才会一直在最底下
var AdDivW = 100;
//宽度
var AdDivH = 150;
//高度
function scall(){
document.write (&&div id=&Javascript.LeftDiv& style=&position:border: 1px solid #336699;background-color:#EEEEE2;z-index:1000;width:&+AdDivW+&height:&+AdDivH+&top:-1000word-break:break-display:&&&+ClosebuttonHtml+&&div&&+AdContentHtml+&&/div&&/div&&);

var Toppx = window.screen.height-AdDivH;
document.getElementById(&Javascript.LeftDiv&).style.top=document.body.scrollTop+T
}
window.onscroll=
window.onresize=
window.onload=
那你不会直接INCLUD一个页面啊~
如果要用CSS控制你页面的高度，具体要看你页面所在的位置及上层的关系。
另一种方法在自适应页面内，最底部加上 include 一个新的页面，那个新页面的东西就很好控制了。
在没有使用定位的祖先元素中，使用绝对定位就会以浏览器窗口位定位基准：
.bottom{
position:
bottom:0
}
那就更简单了，先将整个页面装进一个div里，设置相对定位，不要设置值，然后在把上面的写一遍就好了，这样就以这个div为定位基准了
你的那个整个页面的div装在哪的？
我用了css+div这么久，还真的不知道该怎么做出这种效果。
其实用css定位最多也只能定位在浏览器的底部，而不能定位在页面的地步
如果想做出那种效果，你就用frame吧……
相关知识等待您来回答
网页制作领域专家免费模板网，提供免费DIV+CSS模板、后台模板、DIV+CSS布局网页模板下载，图片图标下载，以及CSS代码、CSS菜单、CSS图表等。
当前位置: &&
CSS控制DIV永远固定在页面底部
CSS控制DIV永远固定在页面底部
分类：CSS代码 时间： 21:09:54 浏览：14215
演示效果截图
&style type=&text/css&&
html,body {
width:100%;
height:100%;
width:100%;
height:100%;
z-index:1;
#ToolBar {
width:100%;
text-align:
background:#
z-index:2;
&div id=&ToolBar&&CSS控制DIV永远固定在页面底部 &/div&
&div id=&Main&&
&p&&/p&&p&&/p&&p&&/p&
&p&&/p&&p&&/p&&p&&/p&
&p&&/p&&p&&/p&&p&&/p&
&p&&/p&&p&&/p&&p&&/p&
&p&&/p&&p&&/p&&p&&/p&
&p&&/p&&p&&/p&&p&&/p&
&p&&/p&&p&&/p&&p&&/p&
&p&&/p&&p&&/p&&p&&/p&
&p&&/p&&p&&/p&&p&&/p&
&p&&/p&&p&&/p&&p&&/p&
&p&&/p&&p&&/p&&p&&/p&
&p&&/p&&p&&/p&&p&&/p&
&p&&/p&&p&&/p&&p&&/p&
&p&&/p&&p&&/p&&p&&/p&
&p&&/p&&p&&/p&&p&&/p&
&p&&/p&&p&&/p&&p&&/p&
站长常用工具
赞助商链接