Javascript 子div是否在父div上居中对齐并溢出?

Javascript 子div是否在父div上居中对齐并溢出?,javascript,html,css,overflow,centering,Javascript,Html,Css,Overflow,Centering,你好,我们的团队 溢出的父div中的子div如何具有左右边距?我试图解决这个问题,但它并没有给出一个干净的解决方案 尝试: 保证金权利不起作用 div{ 边框:1px纯黑; } .家长{ 宽度:300px; 高度:300px; 保证金:自动; 位置:相对位置; 溢出:自动; } .孩子{ 宽度:350px; 高度:150像素; 顶部:50px; 左边距:20px; 右边距:20px; 位置:绝对位置; 显示:内联块; } 因为您正在为孩子使用位置:绝对,所以实现所需的最佳方法是删除位置:绝对,

你好,我们的团队

溢出的父div中的子div如何具有左右边距?我试图解决这个问题,但它并没有给出一个干净的解决方案

尝试:

保证金权利不起作用

div{
边框:1px纯黑;
}
.家长{
宽度:300px;
高度:300px;
保证金:自动;
位置:相对位置;
溢出:自动;
}
.孩子{
宽度:350px;
高度:150像素;
顶部:50px;
左边距:20px;
右边距:20px;
位置:绝对位置;
显示:内联块;
}

因为您正在为孩子使用
位置:绝对
,所以实现所需的最佳方法是删除
位置:绝对
,然后添加所需的边距

div{
边框:1px纯黑;
}
.家长{
宽度:300px;
高度:300px;
保证金:自动;
位置:相对位置;
溢出:自动;
}
.孩子{
宽度:350px;
高度:150像素;
顶部:50px;
利润率:50像素20像素0;
显示:内联块;
}

因为您正在为孩子使用
位置:绝对
,所以实现所需的最佳方法是删除
位置:绝对
,然后添加所需的边距

div{
边框:1px纯黑;
}
.家长{
宽度:300px;
高度:300px;
保证金:自动;
位置:相对位置;
溢出:自动;
}
.孩子{
宽度:350px;
高度:150像素;
顶部:50px;
利润率:50像素20像素0;
显示:内联块;
}


如果我的父div需要一个绝对位置怎么办?它不会影响子div,尝试更改父div
位置:绝对位置
您将看到子div不受影响对不起,我的意思是如果我需要子div的绝对位置怎么办?我是否需要在子div中放置另一个div才能使用此解决方案?如果我需要父div的绝对位置怎么办?这不会影响子div,尝试更改父div
position:absolute
您将看到子div没有受到影响对不起,我的意思是如果我需要子div的绝对位置怎么办?我是否需要在子div中放置另一个div才能使此解决方案工作?