社区
CSS
帖子详情
css中 如何设置div 相对位置后,又不占位置的?
buyingwen
2014-05-20 11:14:03
比如
#box_relative {
position: relative;
left: 30px;
top: 20px;
}
它所占的空间仍保留, 怎么让它不占位置,又可以实现相对位置的。
我想实现的事某个div 相对某个元素的位置,但是又不占位置。
谢谢先!
...全文
11613
5
打赏
收藏
css中 如何设置div 相对位置后,又不占位置的?
比如 #box_relative { position: relative; left: 30px; top: 20px; } 它所占的空间仍保留, 怎么让它不占位置,又可以实现相对位置的。 我想实现的事某个div 相对某个元素的位置,但是又不占位置。 谢谢先!
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
5 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
hs15415162
2014-05-21
打赏
举报
回复
1
你可以将它邻近的盒子设置成relative相对定位,不脱标准。然后在里面加上这个盒子 #box_relative { position: absolute; left: 30px; top: 20px; }
舒克是我
2014-05-20
打赏
举报
回复
position:absolute(子级)和 position: relative(父级)配合使用 就是所谓的相对定位
KK3K2005
2014-05-20
打赏
举报
回复
#box_relative{ position: absolute; left: 30px; top: 20px; }
KK3K2005
2014-05-20
打赏
举报
回复
<div style='position:relative;width:0;height:0'> <div id='box_relative'></div> </div>
皓月长空
2014-05-20
打赏
举报
回复
你是考虑到层次的问题么?
CSS
芝麻
CSS
芝麻
设置
div
相对
位置
后不让其
占
用空间
设置
div
相对
位置
后不让其
占
用空间 情景: 当需要某个元素偏离原本
位置
一定
位置
时,又不希望其
占
用原来的
位置
空间。 分析: 使用绝对定位虽然可以不
占
空间但是不能
相对
于原来的
位置
,它是
相对
于已定位的父元素。使用
相对
定位虽然可以
相对
于原本
位置
,但是需要
占
用空间 解决: 经典解决方案:【子绝父相】。将当前需要改变的元素使用一个空
div
包裹,子元素绝对定位,不
占
用
位置
,而父元素为空
div
所以
占
用0
位置
,父元素采用
相对
定位,能让子元素以其作为锚点进行偏置,即
相对
于原本
位置
。
css
调整
位置
,
css
怎么改变
div
的
位置
可以使用
css
中
的position来对
div
进行定位来改变
div
的
位置
,position 属性值的含义:static:元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素
中
。relative:元素框偏移某个距离。元素仍保持其未定位前的形状,它原本所
占
的空间仍保留。absolute:元素框从文档流完全删除,并
相对
于其包含块定位。包含块可能是文档
中
的...
CSS
定位之
相对
定位
CSS
相对
定位
html
相对
定位 不
占
位置
,
CSS
position
相对
定位和绝对定位
一、position 的四个值:static、relative、absolute、fixed。绝对定位:absolute 和 fixed 统称为绝对定位
相对
定位:relative默认值:static二、relative定位与absolute定位的区别实例:HTML代码:
css
代码:初始效果:1、relative:
相对
于原来
位置
移动,元素
设置
此属性之后仍然处在文档流
中
,不影响其他元素的布局给第二个b...
css
样式-
div
居
中
三种方式
设置
div
居
中
、垂直对齐、变形
CSS
61,128
社区成员
60,711
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章