左邊固定，右邊自適應解決方案
1 首先利用浮動 給左邊設置寬度，高度，浮動為left 右邊不寫寬度，給高度，給margin-left設置左邊容器的寬度，撐開 因為div屬於塊級元素會自動占滿一行 2 利用定位 父級設置相對定位 左右設置為絕對定位，右邊的設置為寬度百分之百，開啟怪異盒子 ...
原文：解決左邊固定右邊自適應寬度的方案
上一篇文章中有提及過很多web前端開發者用float margin position:absolute來實現表單內容的左邊文字固定右邊的輸入框自適應寬度的問題，當然，這個問題我也在百度中搜索過，基本搜索出來的答案都是這樣描述的，我也在上一篇文章中提出過浮動和絕對定位屬於脫離文檔流布局，是會損耗性能的，但是百度中卻沒有給出我所想表達出的解決方案，所以不得不在此將該方案具體的描述清楚。 首先，我需要 ...
2015-07-20 02:03 5 1192 推薦指數：
相關推薦
div左邊固定寬度，右邊自適應寬度
樣式： <style type="text/css"> html,body { height: 100%; padding: 0; margin: 0; } .outer ...
左邊寬度固定，右邊寬度自適應的三種寫法
html 公用css: 1 利用css3 flex css： 2 左邊浮動 3 左右都浮動 使用calc計算右邊的寬度 使用css3 flex，還可以實現，左邊的高度隨右邊的高度而變化； ...
flex 左邊固定寬度，右邊自適應
<div id="flex"> <div id="left">我在邊，定寬</div> <div id="right">我在右邊，自適應</div> </div> #flex{ display: flex; } #left ...
兩個div並排，右邊div固定寬度，左邊寬度自適應
以下只是其中一種方法： ...
css實現左邊div固定寬度，右邊div自適應撐滿剩下的寬度
（1）使用float -------------------------------------------------------------------------- ...
實現左邊div固定寬度，右邊div自適應撐滿剩下的寬度的布局方式：
html: <div class="container"> <div class="left"> left固定寬度200px </div> <div class="right"> </div> ...
實現一個div，左邊固定div寬度200px，右邊div自適應
實現一個div，左邊固定div寬度200px，右邊div自適應<div class= "container"> <div class="left"></div> <div class="rigth"></div> </div> ...