diff --git a/flex布局/container5.css b/flex布局/container5.css
new file mode 100644
index 0000000..c96b4dd
--- /dev/null
+++ b/flex布局/container5.css
@@ -0,0 +1,28 @@
+.container4{
+    width: 400px;
+    height: 400px;
+    background-color: aqua;
+    display:flex;
+    justify-content: space-between;
+}
+.inter{
+    width: 120px;
+    height: 120px;
+    background-color: blue;
+}
+.cen{
+    width:120px;
+    height: 120px;
+    align-self: center;
+    background-color: blue;
+}
+.first{
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+.second{
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
\ No newline at end of file
diff --git a/flex布局/container6.css b/flex布局/container6.css
new file mode 100644
index 0000000..8b25099
--- /dev/null
+++ b/flex布局/container6.css
@@ -0,0 +1,19 @@
+.container6{
+    width: 300px;
+    height: 300px;
+    display: flex;
+    background-color: aqua;
+    justify-content: space-between;
+}
+.inter{
+    height: 80px;
+    width: 80px;
+    background-color: blue;
+
+}
+.first,.second,.three{
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+
+}
\ No newline at end of file