CSS 在一个大的DIV里面，另一个DIV怎么居中并置底。
作者&投稿：凌茗 （若有异议请与网页底部的电邮联系）
既然相对要相对的话div得设置相对
div.letter-pair {
position:relative;
}
要固定的话就要绝对定位
img.letter {
position:absolute;
bottom:0px;
}
绝对定位position:absolute;不设置相对哪个固定的话是相对body的，所以div定位要设置，由于两个图片都同一个绝对固定，所以是覆盖起来的，要分开要分别是在图片的left
综上就要上面的两个css和图片分别设置style="left:10px"和style="left:30px"，具体数字你自己看着办
使用绝对定位方式可实现这个效果，如下边这个示例：
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;定义水平居中。
<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>
大概了解你意思，很简单，
<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>
<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>
如果可以，记得给最佳哦
紫珠代宏： <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...
自贡市13461449095： Css控制一个DIV在另一个Div中间? - ？
紫珠代宏： <div><div style=＂margin:0 auto; width:300px;＂> hello! </div></div>需要注意的是必须指定一个宽度以后才能正确的用margin:0 auto; 来居中还有一个更简便的办法是直接用<center></center>标签来居中元素,但是这种方法已经被W3C放弃,过几年说不定就不被浏览器支持了,所以最好还是用css来居中.
自贡市13461449095： div+css 怎么让一个小div在另一个大div里面 垂直居中 - ？
紫珠代宏： 实现原理是设置margin自动适应,然后设置定位的上下左右都为0.就如四边均衡受力从而实现盒子的居中:代码:.parent {width:800px;height:500px;border:2px solid #000;display:table-cell;vertical-align:middle;text-align: center;}.child {width:200...
自贡市13461449095： CSS中,怎样可以让一张图片在div里变大然后另一张图片变小,但是那图片已经设置了大小比例 - ？
紫珠代宏： 这个需要做两张图,一张正式的图,一张缩略图,网页显示是缩略图,点击之后的div中显示正式图
自贡市13461449095： 如何在某个div中单独调用外部css - ？
紫珠代宏： 第一种办法:换DIV的名字再调入外部CSS第二种方法:用类样式表覆盖ID样式!http://www.netact.com.cn第三种方法:不调入外部CSS把CSS直接复制到网页里,修改该页的样式!这种我建议你用~
自贡市13461449095： css设的高度或宽度一样,也在一个大div盒子里面,但是就是位置不一样? - ？
紫珠代宏： 首先确保这个div是不是是block.默认情况下,div是block.可能在设置某些css样式的时候更改了也不一定. 可以如果设置了高度,他的高度就会固定下来.可以这样改.不设置他的高度,设置它的overflow:hidden属性就可以自适应内容了、
自贡市13461449095： 怎么将一个div放在另一个div下边 - ？
紫珠代宏： 可以借助css定位来实现,将右下角的那个div放在另一个div里面,参考代码如下示:测试内容#box1{width:600px;height:600px;background:green;position:relative}#box1 #box2{width:200px;height:200px;background:red;position:absolute;right:0;bottom:0}--> 父对象相对定位,子对象以父对象为参考点绝对定位;外层的div设置为相对定位,内层的div设置为绝对定位;
自贡市13461449095： 我在一个大的div里面放了两个小的div为什么我给第一个加了浮动,第二个div就跑在了第一个的下面 - ？
紫珠代宏： 你这段css在每个浏览器中解释不同,一个浮动div和一个不浮动div 在ie中浮动div是占位置的,有些浏览器则不占.改成这样就好了.#san{ background:#00FFFF; width:30px; height:30px; border:1px #00FFFF solid; float:left; } 把san也改成浮动就好了.
自贡市13461449095： div+css中上一个div会把下一个div覆盖住,为什么 - ？
紫珠代宏： div覆盖着另一个div,是因为其中一个或者两个脱离了文档流.常见脱离文档流主要原因有:1. div浮动造成,常用解决方法是清除浮动2. div受到相对定位或者绝对定位的影响,定位是可以设置left,right,bottom,top,等位置样式的,解决方法一般是清除定位,或者解决兼容性,合理控制left,right ,bottom,top四个属性的值. 另外还有一种不常见的情况,例如margin的负数值,可以造成div偏离原来的位置,建议合理设置即可.
自贡市13461449095： 如何在一个div中定位另一个div - ？
紫珠代宏： 用css<html><head><style type=＂text/css＂>div.pos_abs{border:1px solid;width:400px;height:50px;position:absolute;left:100px;top:150px}div.pos_abs1{border:1px solid;position:absolute;top:15px}</style></head><body><div class=＂pos_abs＂><div class=＂pos_abs1＂>这是带有绝对定位的标题</div></div></body></html>
