日期:2014-05-17  浏览次数:20698 次

请问如何给这个图片定位
<body>
<div class=a>
  123456
  ..
  ..
  
</div>
<div class=b>
<img src="1.jpg" />
<</div>
</body>
 第一个div中间为文本,或许3行,或许1000行,是个变量,我想要不管中间的文本有多少行,第二个div的图片始终在
 网页的最下端。我用了绝对定位,当中间文本超过200行,网页出现滚动条时,图片不在最下端;用相对定位,可是当中间文本行数少时。图片却在网页的中间,,请教高手如何实现


------解决方案--------------------
CSS code

  <style type="text/css">
        .b {
            position:fixed;
            position:absolute;
            left:50%;
        }
  </style>

------解决方案--------------------
.b{
position:absolute;
bottom:0;
z-index:1000;
}
------解决方案--------------------
.b {
z-index:auto;
position:fixed;
bottom: 1px;
margin:auto;
}

即可
------解决方案--------------------
.b
{
position:fixed;
bottom:0px;
}
用position的fixed值(绝对定位,相对于浏览器窗口)
------解决方案--------------------
如果页面比较简单,你可以直接写在 body 之中:
body{background:#fff url(1.jpg) no-repeat center bottom;}

楼上用到了 position:fixed , 但是 ie6 的支持不好, 需要你使用额外代码