当前位置:Gxlcms > html代码 > 两列布局的设置方法总结_html/css_WEB-ITnose

两列布局的设置方法总结_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:19人阅读

今天看到了这样一道题

用两种不同的方法来实现一个两列布局,其中左侧部分宽度固定、右侧部分宽度随浏览器宽度的变化而自适应变化

自己感觉有好几种方法,再此总结下:

一、使用position:absolute方法,因为把元素设置为absolute,那元素就脱离了文档流,后面的元素就会占据他原来的位置:

无标题文档    
side
exta

二、使用float方法

无标题文档    
side
exta


人气教程排行