본문으로 바로가기

div 영역 벗어날때

category 웹프로그래밍/HTML5, CSS3 2019. 5. 28. 10:26

속에있는 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>