搜索
您的当前位置:首页正文

全屏布局(学习笔记)

来源:二三娱乐

       一个简单的全屏布局结构

      上面一个顶栏,下面一个底栏,中间是一个侧边栏和主栏.

       特点一     随着浏览器的变大,布局也是充满浏览器;    特点二     滚轮出现在内容区域.

如图1

大家来看一个简单的全屏布局需求:

需求

解决方案一:position(scroll)

解决样式

解决方案二:flex

flex样式

思考下,另外一个需求?该怎么做

自适应,内容撑起来 样式

      有内容撑起来的宽度和高度,我们不用设置宽高,所以把宽高不设置即可

一天一点点的学习,一点点的进步,让自己更加强大

Top