rjps.net
当前位置:首页 >> position FixED >>

position FixED

position 就位 fixed 锁定(位置)

定位:固定定位本例演示如何相对于浏览器窗口来对元素进行定位.给你个例子<html><head><style type="text/css"> p.one { position:fixed; left:5px; top:5px; } p.two { position:fixed; top:30px; right:5px; }</style></head><body><p class="one">一些文本.</p><p class="two">更多的文本.</p></body></html>

position:fixed是用来定位的,不是用来改背景图的.让某个元素一直固定在页面上的某个位置,IE6不支持(默认不支持,不过也有解决的办法)

position:absolute是绝对定位,其实position:fixed也是绝对定位的一种扩展或者说变型.两者都脱离了文档流,但是又有很大的不同点,那就是position:fixed定位的元素会固定原来的位置不变,无论如何拖动滚动条,从fixed这个英文单词的意思也可以看出.

fixed是固定定位,不是绝对定位要实现你说的效果,你可以试试把固定定位改为绝对定位,并给绝对定位那娃找个爹,它爹要相对定位.比如:<div><p>段落</p></div>上面代码中:div是p的爹,p绝对定位,div相对定位

不行的,即使将父元素position设置为relative,fixed定位元素也是相对于整个html来进行定位,只有absolute定位才能相对于父元素定位,要用absolute相对于父元素定位时,父元素要设置relative定位

刚学css?生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位.元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定.生成绝对定位的元素,相对于浏览器窗口进行定位.元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定.参考,http://www.w3school.com.cn/css/pr_class_position.asp

static: 正常的文档排版.relative:正常的文档排版,内部绝对的定位元素,相对自己定位.absolute:绝对定位,相对父级链上面第一个'非static'定位.fixed:屏幕可视区域定位,IE6不认识.

你把big的高度设置成1000px(大于浏览器高度)时,效果就知道了

position:fixed 是相对于当前窗口来定位的,你滚动窗口的他会随着你滚动,楼主这边是想把它定死在一个位置的话 应该用position: absolute;

网站首页 | 网站地图
All rights reserved Powered by www.rjps.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com