在下面的代码中，B1包含一个图像并B2包含一个iframe。
的高度B和container等于的高度B1，但B2被溢出的容器，这是我不想要的。我该如何解决？
<div id="container">
</div>
<div id="B">
<div id="B1">
<img src="example.jpg" />
</div>
<div id="B2">
<iframe src="example.htm">
Your browser doesn't support iframes.
</iframe>
</div>
</div>
</div>
赋予container价值display:inline-block
并且B2，overflow:auto
那应该有帮助！！
编辑
假设您的容器未正确关闭，这应该是您的html标记：
<div id="container">
<div id="B">
<div id="B1">
<img src="http://upload.wikimedia.org/wikipedia/commons/1/1b/Square_200x200.png" />
</div>
<div id="B2">
<iframe src=""></iframe>
</div>
</div>
</div>
和CSS
html, body {
width:100%;
height:100%;
margin:0;
padding:0;
}
#container {
width:100%;
height:100%;
}
#B {
width:100%;
height:100%;
}
#B1,#B2,iframe,img{
width:100%;
height:auto; /*to mainatin height as per requirement */
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句