我用记事本写的HTML代码 请问绝对底部的代码怎么写？
展开全部
和你用什么写无关……
发个例子给你
<html>
<head>
<style type="text/css" title="">
html, body, #wrap {height:100%;}
body > #wrap {height:auto; min-height:100%;}
#main {padding-bottom:70px;}/*footer+10px间距*/
#footer {position:relative;margin-top:-60px;height:60px;clear:both;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{display: inline-block;}
*html .clearfix { height: 1%;}.clearfix {display: block;}
#content{float:left;width:878px;border:1px solid #999;height:400px;}
#side{float:right;width:98px;border:1px solid #999;}
#footer{border:1px solid #999;}
</style>
</head>
<body>
<div id="wrap">
<div id="main" class="clearfix">
<div id="content">说明: 使用这个布局的前提，就是footer要在总的div容器之外，footer使用一个层，其它所有内容使用一个总的层。如果确实需要到添加其它同级层，那这个同级层就必须使用position:absolute进行绝对定位。</div>
<div id="side">Side</div>
</div>
</div>
<div id="footer">ffff</div>
</body>
</html>
发个例子给你
<html>
<head>
<style type="text/css" title="">
html, body, #wrap {height:100%;}
body > #wrap {height:auto; min-height:100%;}
#main {padding-bottom:70px;}/*footer+10px间距*/
#footer {position:relative;margin-top:-60px;height:60px;clear:both;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{display: inline-block;}
*html .clearfix { height: 1%;}.clearfix {display: block;}
#content{float:left;width:878px;border:1px solid #999;height:400px;}
#side{float:right;width:98px;border:1px solid #999;}
#footer{border:1px solid #999;}
</style>
</head>
<body>
<div id="wrap">
<div id="main" class="clearfix">
<div id="content">说明: 使用这个布局的前提，就是footer要在总的div容器之外，footer使用一个层，其它所有内容使用一个总的层。如果确实需要到添加其它同级层，那这个同级层就必须使用position:absolute进行绝对定位。</div>
<div id="side">Side</div>
</div>
</div>
<div id="footer">ffff</div>
</body>
</html>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
