下面的div css定义有何区别?

wtjd 2006-11-28 02:24:42
div {
position: absolute;
bottom: 1in;
left: 1in;
right: 1in;
top: 1in;
}
div {
position:relative;
top:-3px;
left:6px;
}
...全文
190 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
viky_summer 2006-11-28
  • 打赏
  • 举报
回复
div {
position:relative;
top:-3px;
left:6px;
}

position:relative;
指对象不可层叠,但将依据 left , right , top , bottom 等属性在正常文档流中偏移位置

div {
position: absolute;
bottom: 1in;
left: 1in;
right: 1in;
top: 1in;
}

position: absolute;
将对象从文档流中拖出,使其变得更自由,能进行层叠,不受文档流的限制,通过使用 left,right,top ,bottom 等属性进行绝对定位。而绝对定位的相对父对象要看具体定义。同时其层叠次顺可通过 z-index 属性定义 ,z-index定义的值越大,就会显示在最上面。
例如z-index:100;的对象会在z-index:1;的对象上面.

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧