借助CSS定位来实现把一个DIV放到另一个div右下角
发布时间：2014-01-08 17:46:29 作者：佚名 
我要评论
我要评论借助CSS定位来实现，将右下角的那个DIV放在另一个DIV里面，具体的实现如下，希望对大家有所帮助
借助CSS定位来实现，你将右下角的那个DIV放在另一个DIV里面，参考代码如下示：
<div id="box1">
<div id="box2">测试内容</div>
</div>
<style>
<!--
#box1{width:600px;height:600px;background:green;position:relative}
#box1 #box2{width:200px;height:200px;background:red;position:absolute;right:0;bottom:0}
-->
</style>
父对象相对定位，子对象以父对象为参考点绝对定位；
外层的div设置为相对定位，内层的div设置为绝对定位；
复制代码
代码如下:<div id="box1">
<div id="box2">测试内容</div>
</div>
<style>
<!--
#box1{width:600px;height:600px;background:green;position:relative}
#box1 #box2{width:200px;height:200px;background:red;position:absolute;right:0;bottom:0}
-->
</style>
父对象相对定位，子对象以父对象为参考点绝对定位；
外层的div设置为相对定位，内层的div设置为绝对定位；
相关文章
- 互联网提供了很多种“将广告始终定位到网页右下角”的解决方案，大多会用到javascript，其实仅调用样式表就可以实现该效果。 以下万恶的代码主要是写给IE6的，2009-06-22
这篇文章主要介绍了css伪类 右下角点击出现 对号角标表示选中，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-06-22- 返回顶部图标固定在浏览器的右下角的相关文章可以在网上找到很多，但是同时兼容ie6的就不多了，本例为大家介绍的这段css样式代码就是可以兼容ie6的，感兴趣的朋友可以参考2013-10-20
纯css 右下角定位_并结合js实现关闭功能(兼容多浏览器)
纯css 右下角定位_并结合js实现关闭功能脚本之家特别版，比较适合做右下角广告的朋友，兼容多浏览器。2010-02-10
这篇文章主要介绍了css实现网页右下角点赞小卡片效果，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-09-02
最新评论