1、新建一个html文件，命名为testhtml。
2、在testhtml文件内，使用div标签创建一个模块，用于测试。
3、在testhtml文件内，给div添加一个class属性，用于设置其样式。
4、在css标签内，通过class设置div的样式，定义其宽度为200px，高度为200px，背景颜色为红色。
5、在css标签内，再使用position属性设置div为绝对定位，距离底部为0px，距离左边缘为0px。
6、在浏览器打开testhtml文件，查看实现的效果。
var AdDivW = 100; //宽度var AdDivH = 150; //高度
function scall(){
documentwrite ('<div id="JavascriptLeftDiv" style="position: absolute;border: 1px solid #336699;background-color:#EEEEE2;z-index:1000;width:'+AdDivW+'px;height:'+AdDivH+'px;top:-1000px;word-break:break-all;display:none;">'+ClosebuttonHtml+'<div>'+AdContentHtml+'</div></div>');
var Toppx = windowscreenheight-AdDivH;
documentgetElementById("JavascriptLeftDiv")styletop=documentbodyscrollTop+Toppx;
}
windowonscroll=scall;
windowonresize=scall;
windowonload=scall;方法1：使用CSS绝对定位
div{
position:absolute;
bottom:0px;
left:0px;
}
方法2：使用CSS固定定位
div{
position:fixed;
bottom:0px;
left:0px;
}
方法3：使用Float浮动定位(适用于div是body元素的子元素)
div{
float:right;
bottom:0px;
}用简单的CSS实现将FOOTER固定在页面底部,我们通常布局的时候都是头部，内容区域，还有底部，一般都是使用三个div，然后id分别设置为header，content，footer，然后在定义每个div的高度，一般来说，header，footer都是公共的，因为高度，内容一般都是固定的，底部的区域，举个例子：
<html>
<head>
<style>
#header{
width:960px; //通过id来控制
height:200px;
}
@content{
width:960px; //通过id来控制
height:auto; //内容区域的高度一般都是auto的
}
#footer{
width:960px; //通过id来控制
height:200px;
}
</style>
</head>
<body>
<div id='header'>
<p>我是头部区域</p>
</div>
<div id='content'>
<p>我是内容区域</p>
</div>
<div id='footer'>
<p>我是低部区域</p>
</div>
</body>
</html>好像不能靠下面，你可以选择最上面得给它个上边界，它上面就会有空细了，边界是边框与外界得距离，填充是内部文字与外界得距离，还有div最好都给它们设数值，只要掌握好数值了，一切ok了，希望可以帮到你，祝你成功
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）