아래와 같은 코드가 있을 때,
<style>
body .p1 { margin: 0 0 150 0 ; }
body .p2 { margin: 100 0 0 0 ; }
</style>
<body>
<p class="p1">p1</p>
<p class="p2">p2</p>
</body>p1과 p2는 마진 병합 현상에 의해 margin 사잇값의 합이 250px이 아닌, 큰 수가 우선순위가 되어 150px로 출력된다.
'Develop > HTML, CSS' 카테고리의 다른 글
| CSS - 동적인 웹사이트 transform, transition, animation (0) | 2022.09.14 |
|---|---|
| CSS - clear 속성 (0) | 2022.09.12 |