melius
[CSS] 마진 상쇄 본문
Margin Collapsing
https://seungwoohong.tistory.com/26
https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>margin collapsing</title>
<style>
.line { /*border: 1px solid grey;*/ }
.comm { border: 1px solid black; padding:20px; margin:10px; }
.box1 { background: red; }
.box2 { background: gold; }
.box3 { background: green; }
.box4 { background: blue; }
</style>
</head>
<body>
<div>
<div class="line">
<div class="comm box1">box1</div>
<div class="comm box2">box2</div>
</div>
<div class="line2">
<div class="comm box3">box3</div>
<div class="comm box4">box4</div>
</div>
</div>
</body>
</html>
'HTML CSS' 카테고리의 다른 글
| [CSS] Clearfix (0) | 2019.12.23 |
|---|---|
| [CSS] Space under <img> tag (0) | 2019.12.23 |
| [CSS] Box Model (0) | 2019.12.20 |
| [CSS] 유용한 사이트 (0) | 2019.12.20 |
| [CSS] Style 속성 (0) | 2019.12.20 |
Comments