右側元素寬度自適應

<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
最后編輯于 ：
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內(nèi)容

  • 需求： 要求元素的寬度能夠自適應內(nèi)容的寬度針對的是非內(nèi)聯(lián)元素，內(nèi)聯(lián)元素會自動的實現(xiàn)對內(nèi)容寬度的自適應 這里是子元...
    秋夜已涼閱讀 1,245評論 0贊 1
  • Glide坑遇記 有一段時間沒有更新文章了，但登錄 簡書 發(fā)現(xiàn)時不時也有新的點贊和關注，在這里十分感謝大家的認可，...
    OCNYang閱讀 39,175評論 5贊 65
  • 要求： 左列定寬，右列自適應； 左右兩列等高且自適應； 右列優(yōu)先渲染； 對于第一點很好實現(xiàn)，實現(xiàn)的方法也不唯一。對...
    葶寳寳閱讀 705評論 0贊 4
  • 道： 第二堂的花道課，我們開始了對世間即道中第一個規(guī)則的捕捉：諸行無常。 儒家說：逝者如斯夫，不舍晝夜 道家說：交...
    Vivi遇見未知世界閱讀 851評論 3贊 0
  • 這個世界有很多可能，就是沒有如果～ 我們要感謝曾經(jīng)，感謝一起的經(jīng)歷～ 無論未來輝煌或是墮落，暴雨或是晴天，祝福相伴...
    hcb加油閱讀 370評論 0贊 0