div css 设置三列,左右固定宽度,中间自定义宽度,代码如下。 <div class="footer"> <div class="footer-l

<divclass="footer"><divclass="footer-left"></div><divclass="footer-center"></div><div... <div class="footer">
<div class="footer-left"></div>
<div class="footer-center">

</div>
<div class="footer-right"></div>
</div>

css 代码如下。
.footer {position:absolute;bottom:0px;height:46px;}
.footer-left,.footer-right,.footer-center{height:46px;}
.footer-left{width:32px;float:left;background:url(../images/footer_left.jpg) no-repeat;margin:0px 0 0 0;overflow:inherit;}
.footer-center{width:inherit;background:url(../images/footer_bg.jpg) repeat-x;margin:0;padding:0 0px 0 0px;overflow:auto;}
.footer-right{width:22px;float:right:background:url(../images/footer_right.jpg) no-repeat;margin:0px 0 0 0;overflow:inherit;}

上面这个代码是我参考别的教程写的,但总不对,谁帮我重写下,或指出其中的错误。
footer {position:absolute;bottom:0px;height:46px;width:宽度值;overflow:hidden;}
这样就可以了
如果固定footer的宽度,那这样做哪还有啥意思
展开
 我来答
lyh19871030
2010-10-06 · TA获得超过100个赞
知道答主
回答量:79
采纳率:0%
帮助的人:43.1万
展开全部
为了看到清楚预览效果,我都加了边框,你到时候去掉就行了

<!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; charset=gb2312" />
<title>无标题文档</title>

<style type="text/css">
<!--
.footer{position:absolute;bottom:0px;height:46px;}
.footer-left,.footer-right,.footer-center{height:46px; border:1px #ccc solid}
.footer-left{width:32px;float:left;background:url(../images/footer_left.jpg) no-repeat;margin:0px 0 0 0;overflow:hidden}
.footer-center{width:auto;overflow:auto; float:left;background:url(../images/footer_bg.jpg) repeat-x;margin:0;padding:0 0px 0 0px;}
.footer-right{width:22px;float:right;background:url(../images/footer_right.jpg) no-repeat;margin:0px 0 0 0;overflow:hidden}

-->
</style>
</head>

<body>
<div class="footer">
<div class="footer-left"></div>
<div class="厅氏笑footer-center">
gjhgjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjffffffffffffffffffffffffffffffffffffffffffffjjjjjjffffffffffffffffffffffffffffffffffffffffffffjjjjj
</div>
<div class="footer-right"></div>
</div>核闹

<扮含/body>
</html>
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
jy07sg
2010-10-04 · TA获得超过1044个赞
知道小有建树答主
回答量:930
采纳率:0%
帮助的人:732万
展开全部
.footer {position:absolute;bottom:0px;height:46px;overflow:hidden;}
不固定也行啊,反正你出现问题的晌郑是在下面,高度有闷含就行了,就这个代码就蚂谨笑可以了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式