首页 相关文章 CSS教程—元素的定位

CSS教程—元素的定位

关于用CSS来实现元素的定位问题,其实很多人对此都是一知半解,没有形成一个统一的认识,CSS对元素的定位包括相对定位和绝对定位,同时,还可以把相对定位和绝对定位结合起来,形成混合定位,我收集相关资料总结了一下:

1. position:static|无定位

position:static是所有元素定位的默认值, 一般不用注明,除非有需要取消继承的别的定位
example:

以下是引用片段:
#div-1 {
position:static;
}

2. position:relative|相对定位

使用position:relative,就需要top,bottom,left,right4个属性来配合,确定元素的位置。

如果要让div-1层向下移动20px,左移40px:
example:
以下是引用片段:
#div-1 {
position:relative;
top:20px;
left:40px;
}

如果用到相对定位,紧随他的层divafter是不会出现在div-1的下方,而是和div-1在同一个高...[ 查看全文 ]

2016-02-19 标签:

CSS教程—元素的定位的相关文章

手机页面
收藏网站 回到头部