CSS에서의 플로팅
지금 두 개의
parent 클래스를 가진 div가 있다고 가정해 봅시다.
각각 안에는 짧은 텍스트가 있고, 첫 번째 div 안에는
float 속성이
left 값으로 설정된 이미지가 배치되어 있습니다.
이미 알고 계시듯이, 이 경우 이미지가 두 번째 블록 위로 겹치게 됩니다:
<div class="parent">
<img src="img.png" alt="">
text
</div>
<div class="parent">
text
</div>
.parent {
border: 1px solid red;
}
.parent img {
float: left;
}
:
다음 수업들에서 이러한 겹침이나 플로팅을 피하는 방법에 대해 살펴보겠습니다.
