您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

两个divs同一行,一个动态宽度,一个固定

两个divs同一行,一个动态宽度,一个固定

display: table-cell如果您不关心IE7,我会使用@sandeep的答案。

否则,这是一个替代方案,但有一个缺点:“正确” div必须在HTML中排在首位。

#parent {
    overflow: hidden;
    border: 1px solid red
}
.right {
    float: right;
    width: 100px;
    height: 100px;
    background: #888;
}
.left {
    overflow: hidden;
    height: 100px;
    background: #ccc
}
<div id="parent">
    <div class="right">right</div>
    <div class="left">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper porta sem, at ultrices ante interdum at. Donec condimentum euismod consequat. Ut viverra lorem pretium nisi malesuada a vehicula urna aliquet. Proin at ante nec neque commodo bibendum. Cras bibendum egestas lacus, nec ullamcorper augue varius eget.</div>
</div>
其他 2022/1/1 18:14:26 有562人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶