社区
CSS
帖子详情
css中 如何设置div 相对位置后,又不占位置的?
buyingwen
2014-05-20 11:14:03
比如
#box_relative {
position: relative;
left: 30px;
top: 20px;
}
它所占的空间仍保留, 怎么让它不占位置,又可以实现相对位置的。
我想实现的事某个div 相对某个元素的位置,但是又不占位置。
谢谢先!
...全文
11337
5
打赏
收藏
css中 如何设置div 相对位置后,又不占位置的?
比如 #box_relative { position: relative; left: 30px; top: 20px; } 它所占的空间仍保留, 怎么让它不占位置,又可以实现相对位置的。 我想实现的事某个div 相对某个元素的位置,但是又不占位置。 谢谢先!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用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
打赏
举报
回复
你是考虑到层次的问题么?
DIV
布局和
CSS
精讲
本课程是带领大家学习Pc端网页、app、小程序的布局以及样式添加,学完本课程,大家可以对任意网页实现布局,思路清新。课程简介:1,html5编辑器的介绍和使用2,块标签3,内联标签4,超链接和锚点5,12种选择器6,颜色7,单位8,
css
属性9,盒模式10,
div
布局11,内容图片12,布局图片13,用户交互图片14,字体15,表单16,表格17,浮动18,定位19,内联框架20,搜索引擎优化21,实战案例
css
调整
位置
,
css
怎么改变
div
的
位置
可以使用
css
中
的position来对
div
进行定位来改变
div
的
位置
,position 属性值的含义:static:元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素
中
。relative:元素框偏移某个距离。元素仍保持其未定位前的形状,它原本所
占
的空间仍保留。absolute:元素框从文档流完全删除,并
相对
于其包含块定位。包含块可能是文档
中
的...
html
div
相对
位置
,
div
的
相对
定位与绝对定位
这几个部分都是可以通过
CSS
进行指定的,当然,
CSS
还可以控制背景,因此,我们可以通过
CSS
来灵活控制我们页面的外观。二、
CSS
中
的文档流模型所有的块元素在html文档
中
是按照它们出现在文档
中
的先后顺序排列的(当然,嵌套不在此列),每一个块都会另起一行。如下图他们对应的html如下:
div
1
div
2
div
3为了定义他们的宽度、高度还有边框,我们定义如下的
CSS
:#
div
1 {border: 1px...
CSS
中
实现
div
元素水平垂直居
中
CSS
中
实现
div
元素水平垂直居
中
css
样式-
div
居
中
三种方式
设置
div
居
中
、垂直对齐、变形
CSS
61,115
社区成员
60,728
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章