借助CSS定位来实现把一个DIV放到另一个div右下角
2018-05-02 22:56
591 查看
<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设置为绝对定位；
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 借助CSS定位来实现把一个DIV放到另一个div右下角
- 实现鼠标放到一个div上显示出另一个隐藏的div
- 实现鼠标放到一个div上显示出另一个隐藏的div
- 相邻div实现一个跟着另一个自适应高度示例代码
- 设置一个div在另一个div之上 实现遮掩效果，使用 position:relative
- javascript实现一个html提交的表单数据放到另一个html页面显示
- 相邻div实现一个跟着另一个自适应高度示例代码
- 实现一个div的链接在另一个div中显示（框架）
- 怎样把一个DIV放到另一个div右下角
- 相邻div实现一个跟着另一个自适应高度示例代码
- css中将鼠标放到一个div上显示出另一个隐藏的div
- 实现中缀整数表达式求值--使用数组实现，在数组头处一个栈，在数组尾部有另一个栈
- [原] XAF 一个字段的值改变则另一个字段值也改变的实现
- 用JavaScript实现用一个DIV来包装文本元素节点
- 实现一个activity中传输信息到另一个activity
- 如何使一个div在另一个div中绝对居中（水平与垂直方向）
- c#将一个word中的内容放到另一个word的表格中
- javascript实现把一个节点插入到另一个节点之后
- sqlserver 利用数据库脚本实现取一个表中的数据插入到另一个表
- 页面table的每行都有一个<input type='button' />,如何实现点击按钮在按钮下方弹出一个div，点击空白消失