兩欄以及三欄自適應布局

2021-10-09 11:54:01 字數 694 閱讀 1877

左邊寬度200px, 右邊自適應寬度

左右兩邊都絕對定位,父元素相對定位

left

right

right

.parent

.left

.right

父元素 relative

左邊列 absolute

右邊 absolute, left: 100px,right:0  【實現自適應】

左邊設定margin 可把兩列分開

left

right

right

.left

.right

.left 

.right

效果

.left 

.right

.main

左邊

中間右邊

左右兩邊都設定絕對定位,中間的設定margin-left 和 margin-right

.box 

.left

.right

.middle

三欄布局 自適應

趴趴熊,我們走 個人簡介,是當事人全面而簡潔地介紹自身情況的一種書面表達方式。求職過程中撰寫的個人簡介是求職者向欲供職單位全面 簡潔 條理清晰地自我介紹 自我推薦的文書。簡介是應用寫作學研究的一種日常應用文體。p 個人簡介,是當事人全面而簡潔地介紹自身情況的一種書面表達方式。求職過程中撰寫的個人簡介...

三欄自適應布局

實現左中右三欄布局,左右為固定寬度,中間寬度隨父元素寬度變化 父元素設定display flex 左右盒子寬度固定,中間盒子設定flex 1 container left center right style class container class left div class center d...

三欄布局 自適應

趴趴熊,我們走 個人簡介,是當事人全面而簡潔地介紹自身情況的一種書面表達方式。求職過程中撰寫的個人簡介是求職者向欲供職單位全面 簡潔 條理清晰地自我介紹 自我推薦的文書。簡介是應用寫作學研究的一種日常應用文體。p 個人簡介,是當事人全面而簡潔地介紹自身情況的一種書面表達方式。求職過程中撰寫的個人簡介...