CSS-设计网站(DIV匣子模型)
日期：2014-05-17 浏览次数：20682 次
.盒子模型以及定位的不错文章出处忘记感谢作者：
www.blueidea.com 网页设计
http://down.chinavisual.com/ 网页素材
http://down.chinavisual.com/stuff/c1/?ref=stuff_list_sidebar 视觉中国下吧?
http://www.52design.com/ 创意设计
www.webjx.com/ 网页教学网
．定位的专业解释
(1)语法
position : static | absolute | fixed | relative
(2) 说明
从上面语法可以看出，定位的方法有很多种，它们分别是静态（static），绝对定位（absolute），固定(fixed)，相对定位（relative）。
绝对定位（absolute）：将被赋予此定位方法的对象从文档流中拖出，使用left，right，top， bottom等属性相对于其
最接近的一个最有定位设置的父级对象进行绝对定位
，
?
最有定位设置的对象是指：position不是默认值 一般设置为relative
position为relative时：相对元素在文档流中的位置定位，如果left right top bottom没有设定值表示没有偏移量位置和static一样，这个属性可以设置偏移量static不能。如果设置值相对他原来在文档流中位置偏移，偏移后原来占得位置不释放。
position为absolute时一定要设置left right top bottom 中的一个或者全部。这点区别于relative。
【
static
:
默认值
。无特殊定位，对象遵循HTML定位规则
absolute
:
将对象从文档流中拖出，使用
left
，
right
，
top
，
bottom
等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象，则依据 body
对象。而其层叠通过
z-index
属性定义
fixed
:
未支持
。对象定位遵从绝对(absolute
)方式。但是要遵守一些规范
relative
:
对象不可层叠，但将依据
left
，
right
，
top
，
bottom
等属性在正常文档流中偏移位置
?
left : auto | length
?
| auto |
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
|
