diff --git a/index.html b/index.html index 0f7d384..9d6cc70 100644 --- a/index.html +++ b/index.html @@ -7,19 +7,19 @@ -
-
+
+
box1 +
+ box2 +
+
+ box3 +
-
- box2 -
-
- box4 -
-
추가햇다 이부분
-
- + + + \ No newline at end of file diff --git a/style.css b/style.css index 8c5e1df..59b89f1 100644 --- a/style.css +++ b/style.css @@ -1,23 +1,30 @@ -.m-box { - border: 1px solid red; - width: 100%; - height: 100vh; +.main { display: flex; - + border: 1px solid black; + height: 100vh; + justify-content: flex-end; + align-items: end; } - -.s-box { +.big-box { + width: 400px; + height: 150px; + background-color: black; + color: white; + position: relative; +} +.box { width: 100px; height: 100px; - background-color: gray; + background-color: purple; + color: white; } - -.s-box-th { +.box-position1 { position: absolute; - right: 7px; + top: 0px; + right: 0px; } - -.s-box-se { +.box-position2 { position: absolute; - right: 117px; -} \ No newline at end of file + bottom: 0px; +} +