hhjc.net
当前位置:首页 >> CSS如何把DIV永远置于页面的底部 >>

CSS如何把DIV永远置于页面的底部

不知道你说的永远在底部是不是那种无论滚动条怎么拉,都可以看见悬浮在底部的那种,如果是那种,是用固定定位做的.另外注意页面中最后的元素或者body要空出固定条的高度,不然最后的元素会被遮挡.html:<div class="fixed">固定在底部</div> css:body{ padding-bottom:50px;}.fixed{ position:fixed; left:0px; bottom:0px; width:100%; height:50px; background-color:#000; z-index:9999;}

position:fixed;bottom:0;这个方法简单好用运用这个css把div永远置于页面的底部利用绝对定位,然后设置底部距离为0

用position:fixed;<div class="content"> 你网页的内容</div><div class="footer"> 我是小尾巴</div><style>.content{padding-bottom:??px;/* 此处的大小 大于或等于 footer的高度 */}.footer{position:fixed; bottom:0px; left:0px; height:??px; width:100%; z-index:999;}</style>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html

方法:设置div样式 z-index:auto auto可定义为一个值(整数数字),越大代表越置前,如可定义为: z-index:999.前提是div是定位元素.

直接用css就可以控制<div style="width:300px; height:300px;position:relative"><div style="position:absolute; x:100%; y:100%"></div></div>内嵌的那个div会根据外部div的宽度和高度始终停留在该容器的右下角.停留位置可以根据自己需要调整

你的下拉菜单包含在导航层里面吧.导航层{position:relative; z-index:3;}Flash层:{position:relative; z-index:1;}

这个要用定位了上例子:<body><div class="box"></div></body>body{ position:relative;} (相对于body定位).box{ position:absolute; bottom:10px; right:20px;} (box相对于body绝对定位)还有记得定位的话 2个标签要是父子关系!~ 这个很重要哦 ※你只要调节bottom和right的值 就行了!~

position:fixed但是这个属性和margin:auto居中有点冲突,设置fixed之后,最好把bottom:0,left:0,right:0都加上(少了可能不会居中)

#CSS.1 {position:relative;}.2 {position:absolute;left;0;bottom:0;}#HTML<div class="1"> <div class="2"></div></div>不影响其他元素的情况下定位最好如果 DIV1 里 只有 DIV2 的话在DIV2 CSS样式里 加一个 margin-top:10px;10px 改成你要数值或者在 DIV1 里加个 内边距 padding-top:10px;

网站首页 | 网站地图
All rights reserved Powered by www.hhjc.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com