margin-top이 부모 요소에 작용하는 문제

688 단어 프런트엔드css
css에서 첫 번째 하위 요소 노드의margin-top은 부모 요소에 작용합니다. 문자(문자는 텍스트 노드에 속함)div를 추가하면 첫 번째 하위 요소 노드가 아니거나 부모 요소에 오버플로우를 추가합니다.


	
		
		
		
		<style>
			.a{width: 400px;height: 400px;background-color: skyblue;overflow: hidden;}
			.b{width: 300px;height: 300px;background-color: pink;margin: 20px auto;}
		</style>
	
	
		<div class="a">
			<div class="b"/>
		</div>
	
</code></pre> 
  <p> </p> 
 </div> 
</div>
                            </div>
                        </div>

좋은 웹페이지 즐겨찾기