Question

html css div height=100%问题

.test{
width:800px;
min-height:500px;

}
._left{
width:60%;
float:left;

}
._right{
width:39%;
float:right;
height:100%;

border-left:1px solid red;

}

<div class="test">
<div class="_left">left</div>
<div class="_right">right</div>
</div>

//....................
//大框宽800高500,里面有两个子div一个 float:left另一个是right

//想让那个_right 的border高度充满父空间
//网上查了个方法，就是更改父test的height也为100%;但是这个高度是不可以定死的,怎么办

Answer 1

一个对象高度是否可以使用百分比显示，取决于对象的父级对象，因为百分比是从父元素上继承下来的。

追问

那我如果将父div改为这样呢
min-height:50%;还是不可以
算了，我还是js控制方便

追答

min-height好像不能做为实际高度。还有如果min-heihgt为百分比，那么他的父对象也得要有高度

Answer 2

现在你的这种是什么效果，把每个字div加上背景颜色，右边的是占据100%

追问

右边的div高度和里面内容一样高，就一行字的高度
想让它充满父div

追答

你的父div最小高度是500px，你的右边div就一行字的高度，没办法让他充满test的div啊

你要实现的功能是不是外面的大div的高度是随着里面右边的子div而变的，如果是这样的话，你可以把test的div高度设为auto，right的div设为min-height:500px;

追问

测了下，小于500时可以，但父div增大后，他又不跟着增了，min-height只会受内部影响吧，不会受外部div影响，只能是内部将他撑大

Answer 3

你改right边的高度就行了。

追问

改成多少是好，父div高度不定，想自适应的填充满

追答

父div高度auto

right边的高度你想设定多高都行