两列布局的设置方法总结_html/css_WEB-ITnose
来源:动视网
责编:小采
时间:2020-11-27 16:17:20
两列布局的设置方法总结_html/css_WEB-ITnose
两列布局的设置方法总结_html/css_WEB-ITnose:今天看到了这样一道题 用两种不同的方法来实现一个两列布局,其中左侧部分宽度固定、右侧部分宽度随浏览器宽度的变化而自适应变化 自己感觉有好几种方法,再此总结下: 一、使用position:absolute方法,因为把元素设置为absolute,那元素就脱离了文档流
导读两列布局的设置方法总结_html/css_WEB-ITnose:今天看到了这样一道题 用两种不同的方法来实现一个两列布局,其中左侧部分宽度固定、右侧部分宽度随浏览器宽度的变化而自适应变化 自己感觉有好几种方法,再此总结下: 一、使用position:absolute方法,因为把元素设置为absolute,那元素就脱离了文档流

今天看到了这样一道题
用两种不同的方法来实现一个两列布局,其中左侧部分宽度固定、右侧部分宽度随浏览器宽度的变化而自适应变化
自己感觉有好几种方法,再此总结下:
一、使用position:absolute方法,因为把元素设置为absolute,那元素就脱离了文档流,后面的元素就会占据他原来的位置:
二、使用float方法
两列布局的设置方法总结_html/css_WEB-ITnose
两列布局的设置方法总结_html/css_WEB-ITnose:今天看到了这样一道题 用两种不同的方法来实现一个两列布局,其中左侧部分宽度固定、右侧部分宽度随浏览器宽度的变化而自适应变化 自己感觉有好几种方法,再此总结下: 一、使用position:absolute方法,因为把元素设置为absolute,那元素就脱离了文档流