css+div布局,左右两个div怎么能自动适应高度

来源:百度知道 编辑:UC知道 时间:2024/06/06 09:47:00
用div+css布局时,我想做一个左右结构的,怎么写能让左边div的高度和右边div的高度自动调整为成为相同的高度吗?
<div>左边</div><div>右</div>
<div style="float:left">左</div><div>右</div>左右结构的高度自适应

可以通过js实现两个div自适应同等高度,如下:
先设置div+css 基本布局:
<div id="mm">
<div id="mm1">左边</div>
<div id="mm2">右边</div>
</div>
js 实现 div 自适应高度
代码如下:
<script type="text/javascript">
<!--
window.onload=window.onresize=funct {
if document.getElementByIdx_x "mm2" .clientHeight<document.getElementByIdx_x "mm1" .clientHeight {
document.getElementByIdx_x "mm2" .style.height=document.getElementByIdx_x "mm1" .offsetHeight+"px";
}
else{
document.getElementByIdx_x "mm1" .style.height=document.getElementByIdx_x "mm2" .offsetHeight+"px";
}
}
-->
</script>

我试过的,基本上时做不了的状态,用JS是可以实现,但是这样会影响那些关了JS的用户的体验。父层自适应子层还是可以实现的,两个等高的话,确实是。。。
建议你还是想别的方法来达成相同的效果吧。(我就是这么做的。。。曾经我试过把设置height属性,先把body的height属性设为100%,再设置其他的height,后来发现height:100%;只是固定的屏幕