:
?
?
?,HTML,
<div class="parent">
    <div class="child"></div>
</div>:CSS,:
.parent{
    width:300px;
    height:300px;
    border: 2px solid blue;
}
.child{
    width:400px;
    height:400px;
    border: 2px solid red;    
} runs in the browser, as shown in the figure, and the first conclusion can be drawn: child elements can exceed the scope limit of the parent element, 
 and can exceed 
 
:,
,?
 
:,
,?
 both horizontally and vertically.
  both horizontally and vertically.
 * * so, when can a child element go beyond the parent element horizontally and vertically? 
 when will it exceed horizontally? 
 when will it exceed vertically? * * 
