title: How to change IFrame height to 100% of its content?
body: <p>I tried to make an IFrame height to 100% (like a <code>&lt;div&gt;</code> to <code>height:auto</code>).</p>
  
  <p>I set the <code>height</code> attribute in <code>&lt;iframe&gt;</code> tag to 100% and set <code>height</code> in style to 100% too, but it doesn't seem to be working.</p>
  
  <p>Then, I tried to use JavaScript and JQuery to get the height of <code>&lt;iframe&gt;</code> contents, but because of browser security reasons, it didn't got the <code>height</code> of content</p>
  
  <p>How can I solve this?  I spent all day to solve this problem.</p>