CSS教程:position 绝对定位的问题

maomaochong833

maomaochong833

2016-02-19 23:18

下面是个CSS教程:position 绝对定位的问题教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

今天做页的时候,遇到了一个问题:div无法对父对象绝对定位。

div id="fa"
     div id="so" style="position:absolute; top:0; right:12px"
     /div
/div

但是发现无论怎么调整都是针对body定位,郁闷!

看了下css手册,也没发现有什么不对。到网上查了下,发现了这么一句话:absolute 脱离文档流,通过 top,bottom,left,right 定位,选取其最近的父级定位元素,当父级 position 为 static 时,absolute元素将以body坐标原点进行定位,可以通过z-index进行层次分级。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

看完后豁然开朗,代码修改如下,

div id="fa" style="position:relative;"
     div id="so" style="position:absolute; top:0; right:12px"
     /div
/div

犯了个低级错误!真丢人!难道我的css手册太老了?

展开更多 50%)
分享

猜你喜欢

CSS教程:position 绝对定位的问题

Web开发
CSS教程:position 绝对定位的问题

CSS教程:CSS中的定位(position)

Web开发
CSS教程:CSS中的定位(position)

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

CSS入门教程——定位(position)

Web开发
CSS入门教程——定位(position)

CSS教程:实例讲解定位Position

Web开发
CSS教程:实例讲解定位Position

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS基础教程:CSS中的定位(position)

Web开发
CSS基础教程:CSS中的定位(position)

CSS实例教程:定位(position)布局页面

Web开发
CSS实例教程:定位(position)布局页面

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

怎样在EXCEL中为数据批量添加¥和%等特殊符号

怎样在EXCEL中为数据批量添加¥和%等特殊符号

学习CSS布局网页的一些实例

学习CSS布局网页的一些实例
下拉加载更多内容 ↓