在一个父层p里放了一个子层p，子层里放一个ul，中有些一些图片使用img包裹的。由于img具有自动缩放的效果，所以子层的p是可以随着img的大小进行变化的，但是如何父层p不设置height的话，整个图片则无法显示，设置一个具体值的话，当屏幕变化时图片有显示缺失的问题，要怎么设置才能让父层的p随着子层的p的高度进行变化那？
html代码如下：

css代码如下：

.img_gallery{
    /*height:422px;*//*固定高度的话，宽度变化后，图片的高度上有损失，有些内容无法显示*/
    height: 100%;/*加上这个，就可以适应高度了。是的img_gallery而已随着图片的大小进行变化，但是这样设置的话，会使整体太高，point的定位出错*/
    border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_img{
    overflow:hidden;
}
.main_img ul{
}
.main_img li{float:left;width:100%;
    /*height:422px;*/
}
.main_img li img{
    width: 100%;/*这样图片的宽度就是整个画面的宽度，img具有自动缩放的特效*/
}