CSS:三欄布局,兩邊固定,中間自適應_html/css
來源:懂視網
責編:小采
時間:2020-11-27 16:00:58
CSS:三欄布局,兩邊固定,中間自適應_html/css
CSS:三欄布局,兩邊固定,中間自適應_html/css_WEB-ITnose:之前去面試被問到一個布局的問題:三欄布局,兩邊固定,中間自適應 當時給出的答案是左右兩邊分別左浮動和右,中間自適應,然后設置一個margin。也算是實現了效果。 *{margin:0;padding:0;} .left{float:left;width:300px;backgroun
導讀CSS:三欄布局,兩邊固定,中間自適應_html/css_WEB-ITnose:之前去面試被問到一個布局的問題:三欄布局,兩邊固定,中間自適應 當時給出的答案是左右兩邊分別左浮動和右,中間自適應,然后設置一個margin。也算是實現了效果。 *{margin:0;padding:0;} .left{float:left;width:300px;backgroun

之前去面試被問到一個布局的問題:
三欄布局,兩邊固定,中間自適應
當時給出的答案是左右兩邊分別左浮動和右,中間自適應,然后設置一個margin。也算是實現了效果。
注意:中間一列一定要放到最下面
在網上發現了另一種用定位的方式實現的。左右設置為固定定位,中間自適應。
還有類似這樣的面試題:比如,中間固定,兩邊自適應;左邊固定,右邊自適應等等。有時間再去研究。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
CSS:三欄布局,兩邊固定,中間自適應_html/css
CSS:三欄布局,兩邊固定,中間自適應_html/css_WEB-ITnose:之前去面試被問到一個布局的問題:三欄布局,兩邊固定,中間自適應 當時給出的答案是左右兩邊分別左浮動和右,中間自適應,然后設置一個margin。也算是實現了效果。 *{margin:0;padding:0;} .left{float:left;width:300px;backgroun