关于CSS的菜鸟问题

发布网友 发布时间:2022-04-23 22:45

我来回答

4个回答

热心网友 时间:2023-06-22 07:20

absolute是绝对定位以什么为参照定位
通常用距离上下左右的距离(top,bottom,left,right)
上下的一个 与 左右的一个 来确定他所在的位子
例如:
position:absolute;left:200px;top:60%;

position:absolute;left:200px;bottom:60px;

position:absolute;right:200%;top:60%;

position:absolute;right:200px;bottom:60%;

如果position:absolute容器的外层容器没有设置position:absolute,或position:relative 那么距离上下左右的距离 只得是相对浏览器边框的距离

如果position:absolute容器的外层容器有设置position:absolute,或position:relative 那么距离上下左右的距离 只得是相对外层容器边框的距离

以上两条很重要。还有position:absolute,会随着浏览器滚动条滚动。随着页面滚动。

而fixed 的参照定位 与absolute 相似。不过他的最大特点是 “固定”
就是说 不会随着浏览器的滚动而变化位子,当浏览器加载页面完事后,他就固定在这个位子,不会动。

参考资料:http://www.lvrongxin.cn/?p=348

热心网友 时间:2023-06-22 07:20

http://bbs.blueidea.com/thread-27837-1-1.html

这里有完整的解释,且有代码可以演示的。很容易理解的。。。。

热心网友 时间:2023-06-22 07:21

是空白的左上角啊。 就是一直以那个点做参照点。
document对象的左上

热心网友 时间:2023-06-22 07:21

父元素的左上角。

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com