社区
CSS
帖子详情
绝对定位的问题
zhrybd111
2011-12-02 11:23:44
在CSS中有如下语句:
.assist-text {
position:absolute;
left:-5000px;
top:-1000px
}
这是绝对定位,为什么左边和上边都留这么大的负值呢,这段语句表达的是什么意思,想起到怎样的效果呢‘
...全文
63
5
打赏
收藏
绝对定位的问题
在CSS中有如下语句: .assist-text { position:absolute; left:-5000px; top:-1000px } 这是绝对定位,为什么左边和上边都留这么大的负值呢,这段语句表达的是什么意思,想起到怎样的效果呢‘
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
5 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
wang7535067
2011-12-02
打赏
举报
回复
[Quote=引用 1 楼 mubeibei 的回复:]
引用楼主 zhrybd111 的回复:
在CSS中有如下语句:
.assist-text {
position:absolute;
left:-5000px;
top:-1000px
}
这是绝对定位,为什么左边和上边都留这么大的负值呢,这段语句表达的是什么意思,想起到怎样的效果呢‘
应该是把这个层给藏起来~·不在页面上显示。。。
[/Quote]
正解
MuBeiBei
2011-12-02
打赏
举报
回复
[Quote=引用楼主 zhrybd111 的回复:]
在CSS中有如下语句:
.assist-text {
position:absolute;
left:-5000px;
top:-1000px
}
这是绝对定位,为什么左边和上边都留这么大的负值呢,这段语句表达的是什么意思,想起到怎样的效果呢‘
[/Quote]
应该是把这个层给藏起来~·不在页面上显示。。。
Acesidonu
2011-12-02
打赏
举报
回复
隐藏起来
yibajian0607
2011-12-02
打赏
举报
回复
对 负值那么大 肯定是隐藏起来的 至于为什么,只有他自己知道吧 哈哈
oggmm
2011-12-02
打赏
举报
回复
比如为了seo的需要,我们会添加一些文字说明但又不想显示出来给用户看,所以就定义一个大的负值来隐藏它
css中的子元素设置
绝对定位
问题
css中的子元素设置
绝对定位
问题
在css的中进行定位的时候,为了在进行定位的的过程中,不发生定位混乱的
问题
,
绝对定位
(absolute)元素的父级元素应当进行定位,一般设置为relative。简称为“子绝父相”。但由于某些视频课程上讲过“
绝对定位
元素的爹都是相对定位”,造成了多数人的思维定势,这个并不是一定的,在此纠正。在
绝对定位
过程中,
绝对定位
(Absolute positioning)元素定位的
父元素开启相对定位而子元素开启
绝对定位
问题
在写css样式时,发现总是用到各种定位,其中父元素开启相对定位而子元素开启
绝对定位
这个
问题
弄明没白。 借鉴大佬的博客: https://blog.csdn.net/weixin_41796631/article/details/89604749
绝对定位
absolute的参照对象是“离它最近的已定位的祖先元素”,参照元素不一定是父元素,也可以是它的爷爷、爷爷的爷爷等等,如果它的祖先里同时有2个及以上的定位元素,就参照离它最近的一个元素定位还有一个是“已定位”,这个定位也不一定非要是相对定位,也可以是
绝对定位
绝对定位
(子绝父相),父元素高度自适应子元素
最近做一个标签功能,涉及到
绝对定位
问题
,父元素设置了最小高度,当子元素高度超过父元素的最小高度时,父元素高度没有被撑开。如图所示,父元素边框的高度没有和子元素一致。 经过调研,在实际开发中,父元素的高度是由里面的子元素撑开的,而
绝对定位
的子元素由于脱离了父元素文本结构,所以父元素高度没有被撑开。 自适应宽高是需要以文档流布局为基础的,而
绝对定位
已经脱离了文档流布局了。 解决方法如下: componentDidMount() { document.querySelector('.fa
CSS中相对定位与
绝对定位
的区别及作用
一篇文章带你快速掌握相对定位和
绝对定位
uniapp使用
绝对定位
被父元素截断
问题
在做uniapp开发时真机运行的时候使用
绝对定位
,会被他限制在他整个的父元素之内。 本来这两块是做了两个子组件,但是,点击问号的时候就会出现上述
问题
,弹框永远显示不全。 解决方案:将这个弹框移到父组件中,如index.vue 然后使用一个div将这两块包裹起来。这里为什么要将上一块预充值也包括进去呢?因为这样就能扩大弹框的范围,即扩大了弹框所在的父元素范围,上半部分留足了空间,这样弹框就不会被截掉部分。注意这个div一定要加上position: relative;的条件,否则弹框...
CSS
61,110
社区成员
60,736
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章