注意的是：哪個div（即固定寬度的那個div）設定了浮動，哪個div標籤放在html前面
兩列布局，左側div自適應，右側div固定寬度：
<div
class
="my-line"
>
<
div
class
="line-right"
>北京京東尚科信技術司
div>
<
div
class
="line-left"
>所在公司：
div>
div>
相應的css**：
.my-line.line-right}
兩列布局，左側div固定，右側div自適應：
<div
class
="my-line"
>
<
div
class
="line-left"
>所在公司：
div>
<div
class
="line-right"
>北京京東尚科信技術司
div>
div>
對應的css：
.my-line.line-right}
兩列自適應布局
要求 1 兩個盒子在同一行 2 右邊的盒子需要佔滿剩下的空間 3 兩個盒子不能重疊 方式一 左側欄寬度不固定 兩列自適應布局title html,body wrap header container 父元素新增偽元素樣式清除浮動，處理float的子元素無法撐開父元素高度問題 clearfix aft...
兩列布局 兩列寬度均自適應）
公司專案需要使用兩列布局，要求左右列寬度自適應，左列高度隨著內容自動出現滾動條，網上的方案有很多種，研究了一下採用float bfc的解決方案。最終實現效果如圖 原理 浮動元素的塊狀兄弟元素會無視浮動元素的位置，盡量佔滿一整行，這樣該兄弟元素就會被浮動元素覆蓋。若浮動元素的塊狀兄弟元素為bfc，則不...
兩列布局 三列適應布局 兩列等高適應布局。
一.兩列布局 左側定寬 右側自適應。四種方法 flex position float和負外邊距 外邊距 1.使用flex.右側自適應區塊 左側定寬200px區塊 2.使用position，考慮了頁面優化，右側區域先載入。右側自適應區塊 左側定寬200px區塊 3.利用float和負外邊距 這裡的10...