层布局有关问题
日期：2014-05-17 浏览次数：20979 次
层布局问题
div的position的relative和absolute属性，对其包含的子层位置有什么影响，以及对其它层有什么影响
------解决方案--------------------
设置此属性值为 relative 会保持对象在正常的HTML流中，但是它的位置可以根据它的前一个对象进行偏移。在相对(relative)定位对象之后的文本或对象占有他们自己的空间而不会覆盖被定位对象的自然空间。与此不同的，在绝对(absolute)定位对象之后的文本或对象在被定位对象被拖离正常文档流之前会占有它的自然空间。放置绝对(absolute)定位对象在可视区域之外会导致滚动条出现。而放置相对(relative)定位对象在可视区域之外，滚动条不会出现。内容的尺寸会根据布局确定对象的尺寸
------解决方案--------------------
在父窗体设样式position:relative;
子窗体就是相对父窗体定位的，如：
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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
