CSS教程之position的定位调整

来源:爱站网时间:2022-04-28编辑:网友分享
如何在CSS制作网页的时候进行position的定位调整?相信很多朋友都想了解这方面的内容,为了帮助各位小伙伴,爱站技术频道小编在此整理了相关资料,一起来看看。

今天做页的时候,遇到了一个问题:div无法对父对象绝对定位。
<div id="fa">
<div id="so" style="position:absolute; top:0; right:12px">
</div>
</div>
但是发现无论怎么调整都是针对body定位,郁闷!
看了下css手册,也没发现有什么不对。到网上查了下,发现了这么一句话:absolute 脱离文档流,通过 top,bottom,left,right 定位,选取其最近的父级定位元素,当父级 position 为 static 时,absolute元素将以body坐标原点进行定位,可以通过z-index进行层次分级。
看完后豁然开朗,代码修改如下,
<div id="fa" style="position:relative;">
<div id="so" style="position:absolute; top:0; right:12px">
</div>
</div>

CSS教程之position的定位调整内容不知道朋友们都看懂了没有。想要深入了解CSS方面的内容,可以随时来关注下我们爱站技术频道网站。

上一篇:css教程之网页字体大小设计方法

下一篇:CSS教程之clip属性

您可能感兴趣的文章

相关阅读

热门软件源码

最新软件源码下载