position:absolute

wsxiapiaoxue 2011-08-30 09:34:09

html 的position:absolute可不可以放到一个容器中来处理啊？
例如放到一个div中，让其他控件只在div中按一定位置排列啊？

...全文

23 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

001007009 2011-08-30

打赏
举报

回复

可以啊，吧容器的position设置为 relative，
容器内的元素就可以通过position:absolute;left:**px;top:**px; 进行排列

区分position:relative; position:absolute; position:fixed 对于position:relative; position:absolute; position:fixed，很多小伙伴分不清他们具体是针对哪里移动的，下面我给大家讲讲我个人理解。 position:absolute;（绝对定位） position:rabsolute; 他的意思是绝对定位，他是参照父级的原始点为原始点，无父级则以body的原始点为原始点，配合TRBL进行定位，当父级内有pa

position：absolute日常开发中经常涉及元素的定位，我们都知道，绝对定位相对于最近position不为static的父级元素来定位，但其中定位的位置还是有细微的差别的。绝对定位根据left和top属性来规定绝对定位元素的位置。但这个位置实际上与padding和父级相对定位的box-sizing有关的。* 默认盒子的box-sizing为content-box（即盒子所占据的宽度=wi

给子元素设置了position: absolute;会相对最近开启定位的父元素进行布局，如果子元素同时设置了width:100%;那么子元素的宽度是父元素的100%（包括padding），也就是padding对设置了**position:absolute;**的子元素无效解决方案: 1.把position: absolute改为position: sticky;**** 2.再添加样式left:0;right:0; 这样子元素就会可以实现脱离文档流并且宽度是限制在父元素的padding内的对于一些遮罩层

今天遇到父元素高度无法自适应子元素的高度问题，试了各种清除浮动都无效，各种百度才弄明白。问题描述：父元素有position：relative ；两个子元素都是position：absolute；（因为经常念叨父R子A习惯性布局）；中间试了各种清除浮动的办法，均无法使父元素产生高度；产生原因：因为position：absolute会脱离标准流，所以父元素无法自适应子元素高度，而清除...

之前笔者在开发项目的过程中就遇到了这个坑，flex布局与position:absolute/fixed的冲突问题。后来想到了解决办法，今天就与大家一起交流一下：项目实战：我们现在想做一个头部的导航栏，又想用fixed把它固定在上方，又想用弹性盒布局去设置它内部的样式，可是发现其中的弹性盒布局已经失效了。 HTML代码如下： <ul> <li>协会简介</...

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章