首页 >

CSS关于相对定位和绝对定位的说明实例_CSS/HTML

web前端|css教程CSS关于相对定位和绝对定位的说明实例_CSS/HTML
|CS|SS|S关|关于|于相|相对|对定|定位|位和|和绝|绝对|对定|定位|位的|的说|说明|明实|实例|例|
web前端-css教程
程序源码授权系统,vscode 光标乱跳,ubuntu 系统乱码,tomcat查看堆栈,sqlite3 打不开,爬虫团队的人员架构设计,win7 php 服务器,泉州seo外包代理,easyui 示例网站,易语言网页操作复选框,android 代码模板下载lzw
body
{margin: 30px; font-size:9pt;}

.a, .b, .c, .d, .e
{
width: 100px;
height: 100px;
margin: 5 auto;
color: #fff;
background: #000;
}
.aa, .bb, .cc, .dd, .ee
{
top: 10px;
left: 10px;
width: 10px;
height: 10px;
overflow: hidden;
background: #F90;
}
.b, .d, .e
{position: relative;}
.cc, .dd, .ee
{position: absolute;}

旅游公众号源码,vscode提示注释内容,ubuntu下载ppa,tomcat 7安装失败,sqlite 比较大小写,白色透明多足小爬虫是啥,php 处理json数据,青岛seo排名如何优化,信访局网站源码,网站banner切换模板lzw
户外旅行网源码,vscode怎样删除整行,Ubuntu安排说明,tomcat映射地址,sqlite索引文件读写,关闭后台插件,前端微信小程序用的框架,钉钉 爬虫 联系人,php 生成表单,惠州整站seo优化,好看的免费视频网站模板,网页gps定位代码,html旅游网页模板下载lzw
A:均不设置postion,一般嵌套关系

B:仅外div设置relative,一般嵌套关系

C:仅内div设置absolute,文档中为嵌套关系,页面中内div浮起[非float],相对于页面定位,与外div无关。

body
{margin: 30px; font-size:9pt;}

.a, .b, .c, .d, .e
{
width: 100px;
height: 100px;
margin: 5 auto;
color: #fff;
background: #000;
}
.aa, .bb, .cc, .dd, .ee
{
top: 10px;
left: 10px;
width: 10px;
height: 10px;
overflow: hidden;
background: #F90;
}
.b, .d, .e
{position: relative;}
.cc, .dd, .ee
{position: absolute;}

A:均不设置postion,一般嵌套关系

B:仅外div设置relative,一般嵌套关系

C:仅内div设置absolute,文档中为嵌套关系,页面中内div浮起[非float],相对于页面定位,与外div无关。

D:外div设置relative,内div设置absolute,内div浮起来并相对于外div定位

D:外div设置relative,内div设置relative,内div浮起来并相对于外div定位

E:这个是说明边界问题。-10 != 反向10px间距

  • 暂无相关文章
  • Posted in 未分类