如何将身体的高度设置为它拥有的内容

Question

我正在编写一个谷歌小工具，其中我嵌入了一个iframe。 iframe有一个body元素。页面的高度非常大。我无法弄清楚这个高度来自哪里我用“height：auto”但仍然高度保持不变。有一个css文件会影响身高。

一个代码是

body {
    font-family: 'PT Sans';
    background-color: #acacac;
    background-image: url(i/n1.png);
    font-size: 14px;
    color: #f5f5f5;
    background-attachment: fixed;
    -moz-transition-duration: .4s;
    -o-transition-duration: .4s;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
}

body .container>.row-fluid>.span10>h4 {
    margin-bottom: 30px;
    padding-bottom: 10px;
    text-align: center;
    -ms-text-shadow: none;
    -o-text-shadow: none;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    text-shadow: none;
}

body .heading-4 {
    margin-bottom: 30px;
    padding-bottom: 10px;
    text-align: center;
    -ms-text-shadow: none;
    -o-text-shadow: none;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    text-shadow: none;
}

body.light {
    background-color: #ececec;
    color: #454545;
}

body.dark {
    background-color: #464646;
    color: #e6e6e6;
}

body .tabbable {
    color: #454545;
}

body .tabbable.dark {
    color: #e6e6e6;
}

body .tabbable.dark .tab-pane a {
    color: #61caff;
}

body .tabbable.dark .tab-pane a:hover {
    color: #90daff;
}

body .tabbable.grey {
    color: #f8f8f8;
}

body .tabbable.grey .tab-pane a {
    color: #61caff;
}

body .tabbable.grey .tab-pane a:hover {
    color: #90daff;
}

任何人都可以告诉我如何设置身高以便占据其内容所占据的空间

。在Chrome工具栏中显示

/* Computed Style */

-webkit-transition-duration: 0.4000000059604645s;
body - .4s
background-attachment: fixed;
background-color: rgb(172, 172, 172);
background-image: url(http://cloudfactor9.appspot.com/i/n1.png);
color: rgb(245, 245, 245);
direction: ltr;
display: block;
font-family: 'PT Sans';
font-size: 14px;
height: 1633px;
line-height: 20px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
unicode-bidi: embed;
width: 1254px;

/* Styles */
:active :hover
:focus  :visited

匹配的CSS规则 preview.min.css

body {
    font-family: 'PT Sans';
    background-color: #acacac;
    background-image: url('http://cloudfactor9.appspot.com/i/n1.png');
    font-size: 14px;
    color: #f5f5f5;
    background-attachment: fixed;
    <strike> -moz-transition-duration: .4s;</strike>
    <strike>-o-transition-duration: .4s;</strike>
    -webkit-transition-duration: .4s;
    <strike>transition-duration: .4s;</strike>
}

bootstrap.min.css

body {
    margin: 0;
    <strike>font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;</strike>
    <strike>font-size: 14px;</strike>
    line-height: 20px;
    <strike>color: #333;</strike>
    <strike>background-color: #fff;</strike>
}

ifr

body {    
    <strike>margin: 0px;</strike>
    padding: 0px;
    <strike>background-color: white;</strike>
}

body, td, div, span, p {
    <strike>font-family: arial,sans-serif;</strike>
}

body[Attributes Style] {
    direction: ltr;
    unicode-bidi: embed;
    <strike>margin-right: 0px;</strike>
    <strike>margin-left: 0px;</strike>
    <strike>margin-bottom: 0px;</strike>
    <strike>margin-top: 0px;</strike>
}

用户代理样式表

body {
    display: block;
    <strike>margin: 8px;</strike>
}

继承自html

html {
    <strike>font-size: 100%;</strike>
}

我读了一本关于CSS的好书，但是没有用。当我添加style =“height：auto;”在身体然后我认为它应该使身体的高度可用的内容，但它不是缩短身体的高度如何使身体元素的高度与它具有的内容。请指南