<!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>
'코딩' 카테고리의 다른 글
| css< dislplay: inline & inline-block (0) | 2021.01.03 |
|---|---|
| CSS flexible (0) | 2020.05.05 |
| CSS Layout - The display Property (0) | 2020.04.20 |
| CSS Tables (0) | 2020.04.05 |
| CSS Lists (0) | 2020.04.05 |