请教个布局问题，谢谢。

#1

本人刚开始学reactjs和css，所以问的问题会比较基础，还请不吝赐教。

效果图如下：

ReactJS代码如下：

结果如下：

问题：
1：最外层的div，怎么做到适配整个页面，即不管浏览器大小，都撑满整个页面？
2：怎么让div下面的层，水平居中显示呢？

#2

看你 import 的 App.css里面怎么写的

#3

#4

App.css里面的样式没用到

#5

1.div本身就是块级元素，默认就占满一整行的
2.div 下的 img 怎么居中 有很多种实现方式？google或者百度一下
3.我css也是菜鸡。。。哈哈哈

#6

Img是内联元素，要设置其margin属性使其居中，就要将其转换为块元素display:block;然后利用margin:0 auto;实现图片的水平居中；

#7

1.最外层.app铺满

.app{width:100%;height:100%;}

或者

body{display:flex;margin:0;padding:0;}
.app{display:flex;flex-direction:column;}
#8

这个界面应该用绝对居中布局。

#9

请问一下，怎么个绝对居中啊

#10

position:absolute;