<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body { margin:0; padding:0; }
</style>
</head><body><div style="height:20px; position:absolute; left:20px; top:20px; width:500px; background:#000;">
<div style="width:50px; height:50px; position:absolute; left:0; top:10px; background:#F0F;"></div>
</div></body>
</html>
里面的div为什么不相对于body定位呢?能推荐下关于定位的理论知识吗
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body { margin:0; padding:0; }
</style>
</head><body><div style="height:20px; position:absolute; left:20px; top:20px; width:500px; background:#000;">
<div style="width:50px; height:50px; position:absolute; left:0; top:10px; background:#F0F;"></div>
</div></body>
</html>
里面的div为什么不相对于body定位呢?能推荐下关于定位的理论知识吗
解决方案 »
- 有没有谁用过jqGrid导出excel
- js掉后后台得到flv播放路径,并添加到FLASH路径中,有时显示有时候不显示
- 关于js读取xml兼容foxfire的问题
- javascript的escape作用是什么,在什么地方用。后台如何处理escape的数据?好像request.getParameter方式得不到值??
- 请问大家一个投票的问题
- 一起来交流prototype,moontools框架
- 求助:如何用javascript打开一个新窗口,具体要求见内容
- javascript生成的form,在ie中没有问题,在firefox有问题,请各位帮忙看看问题出在那里,谢谢
- 在一frame怎么给另个frame的div附值,怎么我老出错
- 求一算法(100分)
- 求jQuery无刷新分页视频
- 可否不把inline inline-block元素变成block元素而直接对其float啊
就说你这个代码的例子
第一个div的父元素,是body,那么它的定位就是对比这个body的位置的
但是第二个div,因为它是第一个div的子元素,所以它的定位是相对于第一个div的
所以,第二个div的左边紧挨着第一个div的左边
第二个div的顶边,和第一个div的顶边间距为10px。说的有些乱,不知道你能看明白不?可以在W3CSchool看下position的介绍,relative和absolute的区别,以及用法。
问也是把解释复制给你
反正用的是绝对定位 你不要让两个div为父子关系 设成兄弟关系试试