속에있는 div가 float값이 있을때 밖에있는 div영역을 무시하고 삐져나와서 자리잡을때에 사용하는 css
상위 div에 :after를 붙여서 사용하거나 맨아래쪽 에 div를 추가한다.
display:block; visibility:hidden; clear: both;content: "";
.pv_foot .insu{padding:35px; height:100px}
.pv_foot .stamp{ width:100px; height:100px; vertical-align:middle; text-align: center;
background-size: 100px 100px;
background-repeat: no-repeat;
background-position: center center;
overflow: hidden;
padding-top:35px;
}
.pv_foot:after{display:block; visibility:hidden; clear: both; content: "";}
<div class="pv_foot d-block mb-3 ">
<div class="float-right stamp"
style="background-image: url('/invoice/stamp.png') "
><span>(인)</span></div>
<div class="float-right insu" >인수자</div>
</div>
'웹프로그래밍 > HTML5, CSS3' 카테고리의 다른 글
safari 버튼 스타일 무력화 (0) | 2021.04.15 |
---|---|
셀렉트박스 css 스타일 변경 (0) | 2018.08.27 |
프레임, 아이프레임에서 쿠키,세션이 실종되는 문제 (0) | 2014.03.14 |
엑셀파일 출력시 줄바꿈 하기(alt+enter) (0) | 2012.10.26 |
[HTML5] 기본적인 HTML5 문서코드 (0) | 2011.05.12 |