Advertisement
Guest User

Untitled

a guest
Dec 3rd, 2010
761
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.13 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2.      "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5.    <title></title>
  6.    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
  7.    <style type="text/css">
  8.       #outer {
  9.          width: 1000px;
  10.          height: 320px;
  11.          background: green;
  12.          position: absolute;
  13.          left: 30px;
  14.          top: 100px;
  15.          display: block;
  16.       }
  17.  
  18.       #outer2 {
  19.        background-color: #FFFFFF;
  20.        margin: 0 1px 1px;
  21.        overflow: hidden;
  22.        width: auto;
  23.       }
  24.  
  25.       #inner {
  26.          height: 300px;
  27.          margin: 10px;
  28.          background: red;
  29.       }
  30.    </style>
  31. </head>
  32. <body>
  33.  
  34.    <div id="outer">
  35.       <div id="outer2">
  36.          <div id="inner">
  37.  
  38.          </div>
  39.       </div>
  40.    </div>
  41.  
  42.    <script type="text/javascript">
  43.       $('#outer2').css('display', 'none');
  44.       console.log("outer+" + $('#inner').outerHeight(true));
  45.       console.log("outer-" + $('#inner').outerHeight());
  46.       console.log("inner-" + $('#inner').innerHeight());
  47.    </script>
  48.  
  49. </body>
  50. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement