Question

div+css中怎样让框架随着内容的变化而变化？

Answer 1

只要div不设置高度，默认的就是随内容变化而变化的，不过，如果你的div有大量的浮动的话，容易导致div塌陷，要设置clear:both;清除浮动带来的影响！

Answer 2

描述的有点不太清晰，你把需求描述的更具体一些。

粗略的看你现在提的需求，
大致可以这样做，
给框架设置高度 auto ，

如果是跨域用iframe调用其他域名的内容的话，这个就麻烦了，还需要js的跨域设置。

追问

头
中
尾

怎样可以使尾部的图片随着中间的内容的变化而尾部的图片会越来越下，给中间的内容足够的位置

追答

那你直接什么都不用设置就可以了。
头尾固定高度，中间不设高度（或设为auto），即可。

*{margin:0;padding:0;border:1px solid #999;font-size:12px;text-align:center;}
.header,
.footer {height:80px;line-height:80px;}

我是头部
我是内容
我是尾部

追问

这个尾部怎么可以让图4定在那个位置？并且会随着上面内容的变化而变化，给内容足够的位置？

追答

呃，抱歉昨天晚上下班之后没有上网，没能及时回复。

你的意思是，让图4位置，随着内容越来越多而越来越往下是吧。

Answer 3

中间部分可以不用设置高度，给中间不分价格clear
style
.clear{ clear:both}
html
<div>头</div>
<div>中
<br class="clear"/>
</div>
<div>尾</div>
这样的话，中间不分内容多的话，高度也高，高度不固定，随着中间内容的多少而变化