救急，请教朋友们，这个页面的结构要怎么弄出来呢？CSS，js，JQ?
可以的话帮忙弄弄哦，谢谢
用嵌套div和浮动的方法
嵌套div调调位置就可以了
一、可以用百分比布局；
二、可以用h5的vw和vh；
三、可以使用js获取屏幕高宽在计算后赋值；
放一个大的div里面放一个div，在这个里面的div里面放三个，按要求设置他们的局部css样式，最后用整体css样式设置其他的
这个应该很简单吧，就是嵌套几个div 然后设置下占页面的比例css。几句代码就能搞定的。
http://www.ruanyifeng.com/blog/2015/07/flex-examples.html
这个结合absolute和relative就能解决
html:
css:
*{
margin: 0;
padding: 0;
}
.outermost{
width:100%;
height: 100%;
background-color: red;
position: absolute;
overflow: hidden;
}
.outermost .outerInner{
width:80%;
height: 80%;
position: relative;
left: 10%;
top: 10%;
background-color: green;
display: flex;
justify-content: space-around;
}
.outermost .outerInner .inner{
width: 20%;
height: 40%;
background-color: blue;
float: left;
position: relative;
top: 30%;
}
<!DOCTYPE html>
*{ margin: 0; padding: 0; box-sizing: border-box; } .div1{ width: 100%; height: 100%; position: absolute; border: 1px solid black; display: flex; /* 使用flex布局，让div2垂直居中 */ align-items: center; } .div2{ width: 80%; height: 80%; margin: 0 auto; /*使div2水平居中*/ border: 1px solid black; display: flex; /*使用flex布局*/ align-items: center; /*让子元素垂直居中*/ justify-content: space-around; /*让子元素水平居中，并且元素之间的距离相等*/ } .div2>div{ /*.div2>div的意思就是选择div2里面的所有div元素*/ width: 20%; height: 20%; border: 1px solid black; }
效果如下：
好像不能显示代码，截个图吧。