css中的定位
来源:互联网 发布:matlab画椭圆的编程 编辑:程序博客网 时间:2024/05/29 04:44
2008-11-02 ice-cream (初级程序员)
"对于页面中一个static的div#demo,我想让这个#demo里的一个div#sub相对于#demo定位在右上角的某个地方,应该是用这个position:relative这个吧,然后再加上top,right给限制一下。
我理解得没有错吧? "
首先对你疑惑的地方,我先解答一下:
position的默认值是static,(也就是说对于任意一个元素,如果没有定义它的position属性,那么它的position:static)
如果你想让这个#demo里的一个div#sub相对于#demo定位在右上角的某个地方,应该给#demo相对定位,#sub绝对定位。
absolute是相对于自己最近的父元素来定位的,如果你不给#demo相对定位,那么#sub的绝对定位就是相对于body来定位的。
relative是相对于自己来定位的,例如:#demo{position:relative;top:-50px;},这时#demo会在相对于它原来的位置上移50px。
另:relative 不脱离文档流,absolute 脱离文档流。也就是说:relative 的元素尽管表面上看到它偏离了原来的位置,但它实际上在文档流中还是没变。absolute的元素不仅位置改变了,同时也脱离了文档流。
我理解得没有错吧? "
首先对你疑惑的地方,我先解答一下:
position的默认值是static,(也就是说对于任意一个元素,如果没有定义它的position属性,那么它的position:static)
如果你想让这个#demo里的一个div#sub相对于#demo定位在右上角的某个地方,应该给#demo相对定位,#sub绝对定位。
absolute是相对于自己最近的父元素来定位的,如果你不给#demo相对定位,那么#sub的绝对定位就是相对于body来定位的。
relative是相对于自己来定位的,例如:#demo{position:relative;top:-50px;},这时#demo会在相对于它原来的位置上移50px。
另:relative 不脱离文档流,absolute 脱离文档流。也就是说:relative 的元素尽管表面上看到它偏离了原来的位置,但它实际上在文档流中还是没变。absolute的元素不仅位置改变了,同时也脱离了文档流。
- CSS中的绝对定位
- css中的定位
- css定位中的position
- css中的定位
- CSS中的绝对定位
- css中的定位
- CSS中的定位
- css中的定位
- CSS中的定位控制
- css中的各种定位
- CSS中的position定位
- CSS中的定位机制
- css中的定位问题
- CSS中的定位
- css中的定位简介
- css中的定位
- css中的定位---lesson12
- css中的定位
- wininet函数
- UDP 最高效率的稳定传输 - VC十年技术群聊天笔记
- VC2008常用快捷键
- 仿新浪首页 自动伸展收缩式广告
- 关于CSQA的冲刺一些心得
- css中的定位
- 解决asp utf-8 access中文乱码一例
- “窗口关闭图标”的功能代码
- Repo and Git, to get Android source code.
- JS静态分页程序
- IE6 两个div有间隙的问题(IE 3px bug)解决方法
- UVa 748 Exponentiation
- 【STL】iterator细节
- 魔兽世界MPQ加载顺序