CSS之元素定位
2016-11-25 20:39
190 查看
css中元素定位有如下情况:
(1)流/静态定位:默认/position:static;不能指定位置
(2)浮动定位:float:left/right;不能严格指定位置
(3)相对定位:position:relative;使用left/top/right/bottom进行定位,仍占用页面空间;以“其自己的静态定位点”为定位原点
(4)绝对定位:position:absolute;使用left/top/right/bottom进行定位,不占用页面空间;以“最近的已定位的祖先元素的padding起点”为定位原点,且随着页面内容的滚动而滚动。
(5)固定定位:position;fixed;使用left/top/right/bottom进行定位,不占用页面空间;以“body”为定位原点,且不随着页面内容的滚动而滚动。
(1)流/静态定位:默认/position:static;不能指定位置
(2)浮动定位:float:left/right;不能严格指定位置
(3)相对定位:position:relative;使用left/top/right/bottom进行定位,仍占用页面空间;以“其自己的静态定位点”为定位原点
(4)绝对定位:position:absolute;使用left/top/right/bottom进行定位,不占用页面空间;以“最近的已定位的祖先元素的padding起点”为定位原点,且随着页面内容的滚动而滚动。
(5)固定定位:position;fixed;使用left/top/right/bottom进行定位,不占用页面空间;以“body”为定位原点,且不随着页面内容的滚动而滚动。
相关文章推荐
- CSS学习之 元素定位
- css基础 出现层叠的两个绝对定位元素 使用z-index属性设置层叠顺序
- CSS中定位元素的重叠
- CSS基础学习10-CSS设置元素的定位
- 打开input输入的时候,css中position:absolute/fixed定位的时候,定位元素上移问题解决
- 浅析CSS——元素重叠及position定位的z-index顺序
- css之定位元素
- CSS:标准文档流、浮动、绝对定位—(解决有时候父元素不能自动扩展)
- css中元素的定位:position
- 【Selenium专题】元素定位之CssSelector
- Css元素布局定位
- css中元素的定位
- 【CSS】absolute相对于已定位的父元素
- css selector定位元素
- CSS元素定位6-10课
- CSS元素之position 定位
- css元素定位
- 浅析CSS——元素重叠及position定位的z-index顺序
- 【原】谈谈css中关于元素定位的属性(positon&z-index)
- 高质量的css--css hack ,行元素,块元素,居中,定位