코딩
float
생각 나무
2021. 1. 6. 23:44
<!doctype html>
<html>
<head lang="ko">
<meta charset="utf-8"/>
<title>float </title>
<style>
html, body {height: 100%;}
* { margin: 0; padding: 0;}
.box1 {background-color: red; width: 40%; height: 100px; float: right; }
.box2 {background-color: green; width: 40%; height: 100px; float: right;}
.box3 {background-color: blue; width: 20%; height: 100%; float: left;}
/* .height100 {height: 100%;} */
</style>
<script></script>
</head>
<body>
<div class="box1"></div> <!-- -->
<div class="box2"></div> <!-- -->
<div class="box3 height100"></div> <!-- -->
</body>
</html>