猿问

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

用div+css布局时,我想做一个左右结构的,怎么写能让左边div的高度和右边div的高度自动调整为成为相同的高度吗?
<div>左边</div><div>右</div>
<div style="float:left">左</div><div>右</div>左右结构的高度自适应

FFIVE
浏览 1474回答 4
4回答

小唯快跑啊

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

跃然一笑

<div style="width:50%;float:left;height:200px;">左边</div><div style="width:50%;float:left;height:200px;">>右</div>按你的要求的话,只能用表格了~~要么用JS,或是修改布局.

智慧大石

增加一个div<div style="float:left">左</div><div>右</div><div style="clear:both"></div>
随时随地看视频慕课网APP
我要回答