右侧元素宽度自适应

<style>
        .outer{
            width:1170px;
            height: auto;
        }
        .left{
            width:200px;
            height: 50px;
            background-color: pink;
            float: left;
        }
        .right{
            height: 300px;
            background-color: cadetblue;
            overflow: auto;
        }
    </style>
<div class="outer">
    <div class="left">left</div>
    <div class="right">right</div>
</div>

效果:


捕获.JPG
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 需求: 要求元素的宽度能够自适应内容的宽度针对的是非内联元素,内联元素会自动的实现对内容宽度的自适应 这里是子元...
    秋夜已凉阅读 4,960评论 0 1
  • Glide坑遇记 有一段时间没有更新文章了,但登录 简书 发现时不时也有新的点赞和关注,在这里十分感谢大家的认可,...
    OCNYang阅读 39,399评论 5 65
  • 要求: 左列定宽,右列自适应; 左右两列等高且自适应; 右列优先渲染; 对于第一点很好实现,实现的方法也不唯一。对...
    葶寳寳阅读 3,931评论 0 4
  • 道: 第二堂的花道课,我们开始了对世间即道中第一个规则的捕捉:诸行无常。 儒家说:逝者如斯夫,不舍昼夜 道家说:交...
    Vivi遇见未知世界阅读 4,288评论 3 0
  • 这个世界有很多可能,就是没有如果~ 我们要感谢曾经,感谢一起的经历~ 无论未来辉煌或是堕落,暴雨或是晴天,祝福相伴...
    hcb加油阅读 2,972评论 0 0

友情链接更多精彩内容