两列布局的设置方法总结_html/css_WEB-ITnose
程序员文章站
2022-04-26 23:22:09
...
今天看到了这样一道题
用两种不同的方法来实现一个两列布局,其中左侧部分宽度固定、右侧部分宽度随浏览器宽度的变化而自适应变化
自己感觉有好几种方法,再此总结下:
一、使用position:absolute方法,因为把元素设置为absolute,那元素就脱离了文档流,后面的元素就会占据他原来的位置:
无标题文档 sideexta
二、使用float方法
无标题文档 sideexta
推荐阅读
-
关于Linux反空闲设置的两种方法总结
-
移动端自适应布局的高效方法,欢迎批评或指正_html/css_WEB-ITnose
-
CSS3 Columns:比table更好用的分列式布局方法_html/css_WEB-ITnose
-
css两列布局,一边固定宽度,另一边自适应_html/css_WEB-ITnose
-
CSS+DIV设计居中的常见两种方法_html/css_WEB-ITnose
-
静态网站公用的部分模块的引用(设置)方法_html/css_WEB-ITnose
-
对于一些css样式的巧妙方法进行总结。_html/css_WEB-ITnose
-
栅格布局的两种简单的实现方式_html/css_WEB-ITnose
-
CSS3 Columns:比table更好用的分列式布局方法_html/css_WEB-ITnose
-
【请教】如何实现横向布局时图片A居中宽度固定,左右两侧由不同的图片B、C填充为背景_html/css_WEB-ITnose