|zyciis| 怎么让一个DIV在小弟我的DIV另一个DIV内的对齐底部 右边距为60px 第二贴 原来的答案不行 多谢

|zyciis| 如何让一个DIV在我的DIV另一个DIV内的对齐底部 右边距为60px 第二贴 原来的答案不行 谢谢
原贴：http://topic.csdn.net/u/20080908/22/bf4cf804-0e8c-4175-9415-5d1360377ff8.html?54616610

HTML code

<style type="text/css">#out{position:relative; height:180px; width:360px; border:1px solid #00CCFF;}#in{position:absolute; bottom:0px; right:60px; height:60px; width:60px; border:1px solid #0000FF}</style><div id="out">　　2008年8月13日第29届北京奥运会男子4X200米自由泳接力决赛，美国队以6分58秒56书写下此项新的世界纪录。菲尔普斯也获得了本届奥运个人自己的第5枚金牌，也是他在奥运会上获得的第11枚金牌，成为奥运会历史上夺金牌最多的选手，之前的奥运会金牌总数纪录是由“飞行的芬兰人”努尔米在1920、1924和一1928年三届奥运会上创造的个人九金最高纪录。保持九金纪录的还有施皮茨、刘易斯和拉蒂尼娜。 <div id="in">　　　2008年8月17日，北京奥运会游泳比赛水立方的收官之战男子4x100米混合泳接力</div></div>

并不能实现我的要求
上面的代码里面的DIV会把外面的DIV的内容重叠，而我要的是他在他里面，而不影响原的的内容


[解决办法]
RE：
楼上的不行。显示文字显示正常，但是你这里只有居右而不是居中下
还有右边没有60ps的距离

谢谢
[解决办法]
看懂了我的回复没？
我是说不能实现底部对齐的浮动，图片只能在上面

CSS code

.div1{width:600px; height:400px;}.pic {position：relative; float:right; right:60px;}
[解决办法]
设置index不就行了.
[解决办法]
由于div设置了absolute和relative属性，所以不占位，所以不打可以实现你的在文字中插入图片的效果，还不覆盖文字

你可以考虑使用多个div拼接起来，别老是想这一种办法实现。
[解决办法]
探讨

这样不行，这样只是里面的DIV在文字下面 
而不是说会包括在文字里面 


[解决办法]

<style type="text/css">
#out{position:relative; height:auto; width:360px;  border:1px solid #00CCFF;}
#in{bottom:0px; right:60px; border:1px solid #0000FF; height:auto; width:auto;}
</style>

<div id="out">

　　2008年8月13日第29届北京奥运会男子4X200米自由泳接力决赛，美国队以6分58秒56书写下此项新的世界纪录。菲尔普斯也获得了本届奥运个人自己的第5枚金牌，也是他在奥运会上获得的第11枚金牌，成为奥运会历史上夺金牌最多的选手，之前的奥运会金牌总数纪录是由“飞行的芬兰人”努尔米在1920、1924和一1928年三届奥运会上创造的个人九金最高纪录。保持九金纪录的还有施皮茨、刘易斯和拉蒂尼娜。  

<div id="in">　
　　2008年8月17日，北京奥运会游泳比赛水立方的收官之战男子4x100米混合泳接力</div>
</div>

这样可以吗
[解决办法]
看不到图片
[解决办法]

<style type="text/css">
#out{position:relative; height:auto; width:360px;  border:1px solid #00CCFF;}
#in{bottom:0px; right:60px; border:1px solid #0000FF; height:auto; width:auto;}
#pic{height:150px; width:200px; float:left;}
</style>

<div id="out">

　　2008年8月13日第29届北京奥运会男子4X200米自由泳接力决赛，美国队以6分58秒56书写下此项新的世界纪录。菲尔普斯<div id="pic"><img src="" width="200" height="150"></div>也获得了本届奥运个人自己的第5枚金牌，也是他在奥运会上获得的第11枚金牌，成为奥运会历史上夺金牌最多的选手，之前的奥运会金牌总数纪录是由“飞行的芬兰人”努尔米在1920、1924和一1928年三届奥运会上创造的个人九金最高纪录。保持九金纪录的还有施皮茨、刘易斯和拉蒂尼娜。  

<div id="in">　
　　2008年8月17日，北京奥运会游泳比赛水立方的收官之战男子4x100米混合泳接力</div>
</div>


[解决办法]
探讨

 
如我要实现上面的这个内容 
外面是一个DIV文字 
DIV文字内我要放一个DIV如上面的图片 
然后要实现上面图这样的效果 
也就是图片在这段文字里面 
谢谢

[解决办法]
改了一下你的代码，不知道现在的是不是你要的效果，其实定位有的时候不是很好的东东： 
 
<style type="text/css">
#out{width:360px; border:1px solid #00CCFF;}
#in{
bottom:0px;
width:60px;
border:1px solid #0000FF;
background-position: right;
margin: 20px 60px 0px 0px;
}
</style>

<div id="out">2008年8月13日第29届北京奥运会男子4X200米自由泳接力决赛，美国队以6分58秒56书写下此项新的世界纪录29届北京奥运会男子4X200米自由泳接力决赛，美国队以6分58秒56书008年82008年8月13日第29届北京奥运会男子4X200米自由泳接力决赛，美国队以6分58秒56书写下此项新的世界纪录29届北京奥运会男子4X200米自由泳接力决赛，美国队以6分58秒56书写下此项新的世界纪录29届北京奥运会男子4X200米自由泳接力决赛，美国队以6分58秒56书写下此项新的世界纪录。17写下此项新的世界纪录29届北京奥运会男子4X200米自由泳接力决赛，美国队以6分58秒56书写下此项新的世界纪录。

<div align="right"><div id="in">008年82008年8月13日第29届北京奥运会男子4X200米自由泳接力决赛，美国队以6分58秒56书写下此项新的世界纪录29届北京奥运会男子4X200米自由泳接力决赛，美国队以6分58秒56书写下此项新的世界纪录29届北京奥运会男子4X200米自由泳接力决赛，美国队以6分58秒56书写下此项新的世界纪录。17008年82008年8月13日第29届北京奥运会男子4X200米自由泳接力决赛，美国队以6分58秒56书写下此项新的世界纪录29届北京奥运会男子4X200米自由泳接力决赛，美国队以6分58秒56书写下此项新的世界纪录29届北京奥运会男子4X200米自由泳接力决赛，美国队以6分58秒56书写下此项新的世界纪录。17</div></div>

</div>

[解决办法]
position属性其实是指本体对上级的定位。
默认的属性值都是static，静态。最关键的是relative（相对）以及absolute（绝对）。
只要把其上一级的样式属性position设置为relative就可以了。
<div id="A">
    <div id="B">
     </div>
</div>

当A的position为relative时，B的position为absolute才有效。这时候left:0、top:0就不再针对窗口文档，而是针对id为A的这个div了。

 

 

查看更多 下一篇