div +css 中 将body设置width:100%;height:100%;此时页面刚好满屏显示。。。我想在body底部定位一个东西

定位的div设置是position:absolute;left:0;bottom:0;为什么底部的div不显示呢<!DOCTYPEhtmlPUBLIC"-//W3C//D... 定位的div设置是position:absolute;left:0;bottom:0;为什么底部的div不显示呢
<!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=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{ margin:0; padding:0;}
body{height:100%; width:100%; margin:0 auto; background: url(nihong.jpg) center 100px; position:relative;}
.bottom{ width:100%;height:100px; background:red; position: absolute;left:0;top:0;}
</style>
</head>
<body>
<div class="bottom">
这是底部的div
</div>
</body>
</html>

我想实现图片中的结构效果
展开
 我来答
浮华背后love
推荐于2017-11-26 · 超过17用户采纳过TA的回答
知道答主
回答量:87
采纳率:0%
帮助的人:38.6万
展开全部
我帮你继续解答,你也要在底部放东西,要在网页的底部加上一层!他已经帮你做好了,你在<body></body>之间加一个<div></div>层就好了
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友db2dbed
2013-04-28
知道答主
回答量:27
采纳率:0%
帮助的人:11.7万
展开全部
内容要放在body中的,您可以在那个div的上面再加一个div:
<body>
<div class="top"></div>
<div class="bottom">
这是底部的div
</div>
</body>
悦便利网上商城帮助您,祝您生活愉快!
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
兰亭幽草
2013-04-26 · TA获得超过2946个赞
知道小有建树答主
回答量:1453
采纳率:46%
帮助的人:371万
展开全部
什么叫做底部的DIV,麻烦代码放一下啊
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
loveuit1219
2013-04-28 · TA获得超过125个赞
知道答主
回答量:194
采纳率:0%
帮助的人:114万
展开全部
你上面写得top:0;
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 3条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式