父容器高度不确定,子容器float后高度100%

缘来素雅
  • 5
新手上路,请多包涵
<style>
.parent {
    border: 1px solid #CCCCCC;
}
.left {
    clear: left;
    float: left;
    width: 30%;
    background-color: #999;
}
.right {
    clear: right;
    float: left;
    width: 50%;
    height: 100%;
    background-color: #FFC;
}
.clearfix {
    clear: both;
}
</style>
<div class="parent">
    <div class="left">left<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></div>
    <div class="right">right</div>
    <div class="clearfix"></div>
</div>

div的高度都不确定,现在想实现的效果:无论left多高,right的高度与left一致。
不使用js,纯css能否解决?

回复
阅读 5.8k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏