class
=>
class
="left"
>
我是文字測試君div
>
class
="right"
>
我是文字測試君div
>
div>
>
.left
.right
style
>
ie8及以下不支援如果是左側固定右側自適應，給父級
position: relative;給固定寬度的一方position: absolute;
>
.left
.right
style
>
position: relative;給自適應的一方position: absolute;給固定寬度的一方新增float: right;
>
.left
.right
style
>
display: flex; justify-content: space-between;
通過調整html頁面結構來控制左右固定或自適應，或調整專案的排列順序或調整主軸的排列方向
方法二：給父級新增display: flex;給固定專案新增flex:0 0 200px;給自適應專案新增flex: 1;
聖杯布局/雙飛翼布局 => 左右定寬，中間自適應
答：左右指定寬度並且浮動到相應位置，中間寬度設定為100%,容器水平居中左右margin: 100px; ，左右調整margin為負值。
class
=>
class
="left"
>
div>
class
="conter"
>
div>
class
="right"
>
div>
div>
.conter,
.left,
.right
.conter
.left
.right
.center
>
.conter,
.left,
.right
.conter
.left,
.right
style
>
兩欄布局和三欄布局
這篇文章中主要將自己學到的兩欄布局和三欄布局的方法總結一下 兩欄布局，左側固定，右側自適應 結構 css樣式 left right如果是右側固定，左側自適應呢？html css right left注意 1 哪側固定哪個div就寫在上邊，不能顛倒順序 2 除了用float浮動外，還可以用定位的方式，...
三欄布局與兩欄布局
html 左邊定寬div 右邊自適應,前端前端前端前端前端前端前端前端前端前端div 1.left right 2.left right 3.left right 1.聖杯布局 class container class middle 中間div class left 左側div class rig...
兩欄布局與三欄布局
一 兩欄布局 left 左邊定寬 div right 右邊自適應,前端前端前端前端前端前端前端前端前端前端 div 1 left right2 left right3 left right二 三欄布局，中間自適應 container middle 中間 div left 左側 div right 右...