欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-04-22 12:44:52
...
今天看到了这样一道题

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

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

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

无标题文档
side
exta

二、使用float方法

无标题文档
side
exta