兩欄布局和三欄布局的實現

2022-06-07 05:12:09 字數 1698 閱讀 5402

左側固定,右側自適應,不給右側設定固定寬度即可

1

class="

wrap

">

2class="

left

">

3左側固定內容45

class="

right

">

6右側內容自適應78

3左側固定內容45

class="

right

">

6右側內容自適應78

3左側固定內容45

class="

right

">

6右側內容自適應78

3左側固定內容45

class="

right

">

6右側內容自適應78

兩欄布局和三欄布局

這篇文章中主要將自己學到的兩欄布局和三欄布局的方法總結一下 兩欄布局,左側固定,右側自適應 結構 css樣式 left right如果是右側固定,左側自適應呢?html css right left注意 1 哪側固定哪個div就寫在上邊,不能顛倒順序 2 除了用float浮動外,還可以用定位的方式,...

兩欄布局和三欄布局

class class left 我是文字測試君div class right 我是文字測試君div div 給固定寬度的一方設定浮動,給自適應的一方設定100 寬度值,用浮動控制左右寬固固定或自適應 left right style ie8及以下不支援 如果是左側固定右側自適應,給父級positi...

CSS實現 兩欄布局,三欄布局

aside div main div div aside main 左側欄固定寬度向左浮動,右側主要內容則用margin left留出左側欄的寬度,預設寬度為auto,自動填滿剩下的寬度。右側固定寬度,左側自適應則是同理,只要將固定欄右浮動,使用margin right空出其寬度即可。aside d...