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

|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如上面的图片
然后要实现上面图这样的效果
也就是图片在这段文字里面
谢谢

------解决方案--------------------
改了一下你的代码,不知道现在的是不是你要的效果,其实定位有的时候不是很好的东东: