当前位置：首页 → 问答吧 → 关于定位问题 relative 和absolute .

关于定位问题 relative 和absolute .

时间：2011-04-24

来源：互联网

relative 是动态的相对定位, absoulte是动态的绝对定位, 我记得上课老师说过.如果在不确定某一块的高度时,是不能用绝对定位的. 一般最外面的div是相对定位的.也就是用relative.这样它的高度是可变的,可是刚才我试了一个程序.为啥外面的div高度不可变呢?
代码如下:
HTML code

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
  </head>
  <body style="margin: 0px;">
    <div style="width: 500px;height:350px; border: 1px solid red;position: relative;">
      <div style="border: 1px solid green;position: a">
        The quick brown fox jumps over lazy dog.<br>
        The quick brown fox jumps over lazy dog.<br>
        The quick brown fox jumps over lazy dog.<br>
        The quick brown fox jumps over lazy dog.<br>
        The quick brown fox jumps over lazy dog.<br>
        The quick brown fox jumps over lazy dog.<br>
        The quick brown fox jumps over lazy dog.<br>
        The quick brown fox jumps over lazy dog.<br>
        The quick brown fox jumps over lazy dog.<br>
        The quick brown fox jumps over lazy dog.<br>
        The quick brown fox jumps over lazy dog.<br>
        The quick brown fox jumps over lazy dog.<br>
        The quick brown fox jumps over lazy dog.<br>
        The quick brown fox jumps over lazy dog.<br>
        The quick brown fox jumps over lazy dog.<br>
        The quick brown fox jumps over lazy dog.<br>
        The quick brown fox jumps over lazy dog.<br>
        The quick brown fox jumps over lazy dog.<br>
        The quick brown fox jumps over lazy dog.<br>
        The quick brown fox jumps over lazy dog.<br>
        The quick brown fox jumps over lazy dog.<br>
      </div> 
    </div>  
    <div>dsfdsfsd</div>
  </body>
</html>