css不允许子元素子div超出其父级div范围

CSS中有几个属性可以帮助控制子元素（如子`<div>`）不会超出其父级容器（另一个`<div>`）的范围。主要有以下几个方面：

1. `width` 和 `height`: 可以设置`width`和`height`属性限制子元素的实际大小，使其不超过父元素的尺寸。例如：

   .parent-div {
     width: 300px;
     height: 200px;
   }
   
   .child-div {
     max-width: 100%;
     max-height: 100%;
   }

这里`.child-div`的宽度和高度都不会超过`.parent-div`。

2. `overflow`: 如果内容溢出，可以使用`overflow`属性来管理，比如设置为`auto`会让超出的部分显示滚动条，或者设置为`hidden`隐藏溢出部分。例如：

   .parent-div {
     overflow: auto; /* 或者 hidden */
   }

3. `position` 和 `box-sizing`: 如果需要绝对定位，可以配合`position: relative`和`position: absolute`，并使用`box-sizing: border-box`来包含内边距和边框。这样可以防止子元素因边距扩大而超出父元素。

   .parent-div {
     position: relative;
     box-sizing: border-box;
   }

   .child-div {
     position: absolute;
   }