`
疯人小李
  • 浏览: 7886 次
  • 性别: Icon_minigender_1
  • 来自: 山西大同
最近访客 更多访客>>
社区版块
存档分类
最新评论

实现一个div放到另一个div右下角

阅读更多

使用父对象相对定位,子对象以父对象为参考点绝对定位。


html

<div id="box1">
<div id="box2">盒子内容</div>
</div>

 css

<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>

 

 

 

 

分享到:
评论

相关推荐

    借助CSS定位来实现把一个DIV放到另一个div右下角

    借助CSS定位来实现,你将右下角的那个DIV放在另一个DIV里面,参考代码如下示: 复制代码代码如下: &lt;div id=”box1″&gt; &lt;div id=”box2″&gt;测试内容&lt;/div&gt; &lt;/div&gt; &lt;style&gt; &lt;!– #box1{width:600px;height:600...

    100多个JQuery效果示例(实例)div+css+javascrpit

    43. jQuery漂亮网页右上角双层撕角广告代码 44. jquery漂亮网页布局综合定时器、切换间隔、滚动时间、滚动图片个数等示例 45. jQuery演示Ajax加载并显示图片的相片画廊实例 46. jQuery版Sexy Lightbox 2.3内容...

    JavaScript_JQuery_CSS_CSS_DIV漂亮的实例123个

    4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+div带动画按钮图片手动与自动切换的特效代码 6. jquery一页多用的飞飞图片幻灯插件演示 7. jquery仿flash产品图片多角度展示特效代码 8. ...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    4.JS+CSS通用一个页面同时三个焦点图轮换效果完整实例 5.JS+CSS网页版模拟QQ登录框界面特效示例 6.JS+flash立柱广告代码仿百度MP3搜索右侧可伸缩的立柱广告效果 7.JS版本黑色超动感二级菜单导航模块代码 穿越...

    最简单实用的原始状态下的jquery在线客服

    原生态,也是最好改版的一个在线客服特效,默认在网页右上角,一个a标签和一个div,均使用position:fixed相对于 body定位于网页右上角,外加一个简单的jquery判断,点击a标签后div依次显示或者隐藏 懒人们可以...

    html+css 实现图片右上角加删除叉、图片删除按钮

    右上角的图片可自己换图片,图片素材我就不放上来了,我就上个代码,挺简单的css和js,初学者应该也看得明白 &lt;/pre&gt;&lt;pre name=code class=html&gt;&lt;!DOCTYPE ...

    JavaScript_JQuery_CSS_DIV漂亮的实例

    43. jQuery漂亮网页右上角双层撕角广告代码 44. jquery漂亮网页布局综合定时器、切换间隔、滚动时间、滚动图片个数等示例 45. jQuery演示Ajax加载并显示图片的相片画廊实例 46. jQuery版Sexy Lightbox 2.3内容...

    HTML5实现Notification API桌面通知功能

    为什么需要HTML5的桌面通知 传统的桌面通知可以写一个div放到页面右下角自动弹出来,并通过轮询等等其他方式去获取消息并推送给用户。这种方式有个弊端就是:当我在使用京东 进行购物的时候,我是不知道人人网有消息...

    效仿百度 飞信美化版 右下角弹出式 在线留言插件 for pjblog.rar

    将fetion这个文件夹上传到你的博客根目录就可以了。。。。 第二:打开你的footer.asp在合适的位置加入以下样式 代码 (一定是在“&lt;style type="text/css"&gt; 代码 &lt;/style&gt;”): 引用: ...

    JavaScript 图片切割效果

    3.把图片放到切割对象里面,通过设置图片的top和left实现,这个方法是可行,但下面有更简单的方法实现; 4.通过设置图片的clip来实现。 这里介绍方法4的实现方法,这个方法是从当年“珍藏”的代码中看到的,先说说...

    jquery 动态示例

    43. jQuery漂亮网页右上角双层撕角广告代码 44. jquery漂亮网页布局综合定时器、切换间隔、滚动时间、滚动图片个数等示例 45. jQuery演示Ajax加载并显示图片的相片画廊实例 46. jQuery版Sexy Lightbox 2.3内容...

    放放电影小偷V1.1.rar

    首页右下角漂浮p.html 首页底部960.html 首页右上角200.html 首页顶部wan.html 首页导航栏下960X90.html 下载页右上角250.html 下载页右边跟踪屏幕1.html   =============================================...

    腾讯拍拍官网js图片轮显切换代码.rar

    一个基于jquery实现的图片焦点图特效,来自腾讯拍拍官网js图片轮显切换代码,十分精美漂亮,兼容性好,代码简洁,右下角为小方格手动控制图片切换,鼠标不点击时自动播放,鼠标悬停于大图片之上时,图片暂停切换,...

    《程序天下:JavaScript实例自学手册》光盘源码

    15.26 始终在屏幕右下角的图片 15.27 可拖动的图片 15.28 等比例缩略图 15.29 用JavaScript导出图像到Excel 15.30 使用VML打造可改变大小的圆框 15.31 JavaScript实现文档结构图 15.32 判断一副图片是否加载完毕 第...

    程序天下:JavaScript实例自学手册

    15.26 始终在屏幕右下角的图片 15.27 可拖动的图片 15.28 等比例缩略图 15.29 用JavaScript导出图像到Excel 15.30 使用VML打造可改变大小的圆框 15.31 JavaScript实现文档结构图 15.32 判断一副图片是否加载完毕 第...

    delphi 开发经验技巧宝典源码

    0209 如何把ListBox中的内容拖曳到另一个ListBox中 139 0210 把DBGrid中的数据赋给数组 139 0211 如何获取DataGrid单元格中的内容 140 0212 如何锁定文本框中的文本 141 0213 如何设置光标到文本框的末尾 ...

    简洁易用3D场景创建和控制工具python源码+项目说明(适用于科研、多智能体强化学习领域的3D演示、娱乐等).zip

    一个基于ThreeJs+Python的项目,提供了一个简洁易用的Python接口,用于创建和控制3D场景的可视化工具。它适用于**科研**、多智能体强化学习领域的3D演示、娱乐等应用。vhmap具有以下特点: 简化的Python接口;...

    FSCapture截图工具

    这确实是一个不错的功能,特别是现在我们已经习惯用DIV来对页面定位,DIV之间的对齐不像表 格那样容易控制,有时为了调整几个像素的偏差,不得不对着屏幕盯很久。有这样一个放大镜就方便多了。使用时只需点击一下FS ...

Global site tag (gtag.js) - Google Analytics