div的position的relative和absolute属性,对其包含的子层位置有什么影响,以及对其它层有什么影响
------解决方案--------------------
设置此属性值为 relative 会保持对象在正常的HTML流中,但是它的位置可以根据它的前一个对象进行偏移。在相对(relative)定位对象之后的文本或对象占有他们自己的空间而不会覆盖被定位对象的自然空间。与此不同的,在绝对(absolute)定位对象之后的文本或对象在被定位对象被拖离正常文档流之前会占有它的自然空间。放置绝对(absolute)定位对象在可视区域之外会导致滚动条出现。而放置相对(relative)定位对象在可视区域之外,滚动条不会出现。内容的尺寸会根据布局确定对象的尺寸
------解决方案--------------------
在父窗体设样式position:relative;
子窗体就是相对父窗体定位的,如:
- HTML code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> </head> <body> <div style=" position:relative; width:300px; height:200px; background:#fec;"> <div style="position:relative; left:250px; top:50px; width:100px; height:100px; background:#fcc; "> </div> </div> </body> </html>