社区
CSS
帖子详情
css中 如何设置div 相对位置后,又不占位置的?
buyingwen
2014-05-20 11:14:03
比如
#box_relative {
position: relative;
left: 30px;
top: 20px;
}
它所占的空间仍保留, 怎么让它不占位置,又可以实现相对位置的。
我想实现的事某个div 相对某个元素的位置,但是又不占位置。
谢谢先!
...全文
11700
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
打赏
举报
回复
你是考虑到层次的问题么?
html
中
如何写
div
中
div
的
位置
,position
设置
div
的
位置
css
怎么调整
div
的
位置
可以使用
css
中
的position来对
div
进行定位来改变
div
的
位置
,position可能的值如下: 工具原料:编辑器、浏览器通过
设置
一个
div
的position的值来调整
div
的
位置
,简单的代码示例如下: body>
div
{border: 1px solid red;width: 200px;height: 20如何用
css
控制
div
在页面
中
的
位置
div
标签里面...
HTML的
相对
位置
和绝对
位置
相对
定位:该元素
相对
于自己原有
位置
,偏移一定距离。
相对
的是自己。 绝对定位:该元素
相对
于其父元素,偏移一定距离。
相对
的是父元素,重点是这个父元素也需要是
设置
了position属性。从最近的父元素开始找,直到找到body
位置
为止。 1)
相对
定位 <
div
id="test"> <p class="p1">
相对
定位:
相对
于自己原来的
位置
,偏移...
html
中
多个
div
嵌套时
div
在上一级
中
的
相对
位置
的
设置
在利用
div
+
css
进行布局时,常常被
div
的
位置
弄的焦头烂额,其实只要了解了
div
的position属性就可以了 position的四种取值的四种取值的四种取值的四种取值 static:static定位就是不定位,出现在哪里就显示在哪里,这是默认取值,只有在你想覆盖以前的定义时才需要显示指定 relative:relative 就是
相对
元素static定位时的
位置
进行偏移,如果指定st
css
相对
位置
之两个同级
div
下一个
div
相对
上一个
div
的
位置
1.显示在
div
的上面 <
div
class="main"> main </
div
> <
div
class="btn"> 我显示在main上面的
相对
位置
</
div
> .btn { position: absolute; top: 0; right: 10px; } 2.显示在
div
的下面 <
div
class="main"> main </
div
> <
div
class=".
隐藏一个
div
不让他
占
位置
(可用)
div
隐藏后不
占
空间的写法:可以尝试在
div
中
加入style="DISPLAY: none;"这样就不会
占
空间了。如果写成:style="DISPLAY: none;"visibility属性:确定元素显示还是隐藏;visibility="visible|hidden",visible 显示,hidden 隐藏。当visibility被
设置
为"hidden"的时候,元素虽然被隐藏了,但它仍然
占
据它...
CSS
61,120
社区成员
60,701
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章