CSS中可以使用position属性来控制元素的位置。如果想要让一个元素始终保持在其父元素中,可以将其定位为absolute或fixed,并设置它相对于父元素的位置。同时,可以使用overflow属性将父元素设置为隐藏溢出,从而确保子元素不会溢出。以下是一个示例代码:
HTML:
我是child
CSS:
.parent {
position: relative;
width: 300px; /* 为了方便示例,父元素设置宽高 */
height: 300px;
overflow: hidden;
}
.child {
position: absolute;
top: 50px; /* 子元素相对于父元素的位置 */
left: 50px;
width: 100px;
height: 100px;
background-color: red;
}
在这个示例中,子元素的位置相对于父元素是固定的,并且子元素不会溢出父元素。