CSS 在一个大的DIV里面，另一个DIV怎么居中并置底。

以下是代码：<bodystyle="margin:0px;"><divstyle="float:left;height:80px;width:100%;backgroun... 以下是代码：
<body style="margin:0px;">
<div style="float: left;height:80px;width:100%;background: url('../images/0_2.gif');">
<div style="float: left;height:80px;width:348px;background: url('../images/0_1.gif');"></div>
<div style="float:inherit;"> 就是这个DIV怎么居中并置底！</div>
<div style="float: right;height:80px;width:133px;background: url('../images/0_3.gif');"></div>
</div>
求指导啊啊啊展开

 我来答

4个回答

#热议# 为什么有人显老，有人显年轻？

scott
推荐于2016-05-31 · 知道合伙人互联网行家

scott
知道合伙人互联网行家

采纳数：150 获赞数：3883

前端开发行业多年从业经验，专业前端开发工程师

向TA提问私信TA

关注

展开全部

使用绝对定位方式可实现这个效果，如下边这个示例：

html代码：

<div class="box">
   <div class="demo">这个div要在box中水平居中，垂直居底</div>
</div>

CSS代码：

.con-box{position:relative;width:800px;height:500px;background:#000;}
.demo{position:absolute;width:200px;height:150px;bottom:0;left:50%;margin-left:-100px;}

总结一下：

这个例子中 position:absolute;表示定义demo这div绝对定位，bottom:0;定义垂直居底，left:50%;margin-left:-100px;定义水平居中。

已赞过 已踩过<

评论收起

cpu_sun
2011-12-12 · TA获得超过127个赞

知道小有建树答主

回答量：726

采纳率：0%

帮助的人：231万

我也去答题访问个人页

关注

展开全部

<body style="margin:0px auto;;padding:0px;">
<div style="float:left;height:80px;width:100%;background: url('../images/0_2.gif');">
<div style="float:left;height:80px;width:348px;background: url('../images/0_1.gif');"></div>
<div style="float:right;height:80px;width:133px;background: url('../images/0_3.gif');"></div>
</div>
<div style="text-align:centr; width:auto; margin-left:40%"> 就是这个DIV怎么居中并置底！</div>
</body>

追问

你的可以居中  但是不能置底

已赞过 已踩过<

评论收起

95055000
推荐于2016-11-03 · 超过58用户采纳过TA的回答

知道小有建树答主

回答量：195

采纳率：0%

帮助的人：136万

我也去答题访问个人页

关注

展开全部

大概了解你意思，很简单，
<body style="margin:0px;">
<div style="float: left;height:80px;width:100%;background: url('../images/0_2.gif');">
<div style="float: left;height:80px;width:348px;background: url('../images/0_1.gif');"></div>
<div style="float:inherit; float: left; height:20px; line-height:20px; padding-top:60px;"> 就是这个DIV怎么居中并置底！</div>
<div style="float: right;height:80px;width:133px;background: url('../images/0_3.gif');"></div>
</div>

更多追问追答

追问

你的办法可以置底  但是不能居中

追答

加个text-align:center;或者 margin:0 auto;就可以剧中了

就是这个DIV怎么居中并置底！

本回答被提问者采纳

已赞过 已踩过<

评论收起

卓古龙镶Q3
2011-12-12 · TA获得超过275个赞

知道小有建树答主

回答量：335

采纳率：0%

帮助的人：237万

我也去答题访问个人页

关注

展开全部

<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">
* div{ border:1px solid #006600; margin-top:2px; margin-left:2px;}
</style>
</head>

<body>
<div style="height:410px; width:600px;">
<div style="height:300px; width:590px;">
<div style="height:290px; width:290px; float:left;">左</div>
<div style="height:290px; width:290px; float:left;">右</div>
</div>
<div style="height:100px; width:290px; float:left; margin-left:140px;">居中并置底</div>
</div>
</body>
</html>
如果可以，记得给最佳哦

已赞过 已踩过<

评论收起

更多回答（2）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

CSS 在一个大的DIV里面，另一个DIV怎么居中并置底。

其他类似问题

为你推荐：