html – 如何使用高度：如果未定义容器高度,则为50％？

概述我想使用高度：50％,但容器的高度没有定义,什么是正确的解决方案？ <div id="container"> <div id="left-50"> <div id="left-50-1">1</div> <div id="left-50-2">2</div> </div> <div id="image"> <img src=" 我想使用高度：50％,但容器的高度没有定义,什么是正确的解决方案？

<div ID="container">    <div ID="left-50">        <div ID="left-50-1">1</div>        <div ID="left-50-2">2</div>    </div>    <div ID="image">        <img src="http://automarka.hu/images/storIEs/Audi%20A8%202.8%20V6%20FSI%202007.jpg">    </div></div>#container {    overflow:hidden;}#left-50 {    float:left;}#left-50-1 {    height:50%;    wIDth:50px;    background:yellow;}#left-50-2 {    height:50%;    wIDth:50px;    background:purple;}#image {    float:left;}

Jsfiddle网址：http://jsfiddle.net/XqMDF/

解决方法 正确的解决方案是定义容器高度.
或参考身体或其他定义的元素.

make container display：inline-block;调整图像高度…或定义固定高度.

DEMO: http://jsfiddle.net/XqMDF/2/

总结

以上是内存溢出为你收集整理的html – 如何使用高度：如果未定义容器高度,则为50％？全部内容，希望文章能够帮你解决html – 如何使用高度：如果未定义容器高度,则为50％？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。