div css怎么让子容器超出父容器

html-css013

div css怎么让子容器超出父容器,第1张

在标准的正常的情况下,只能使用绝对定位:

#father{position:relativewidth:400pxpadding-top:200px}

#son{position:absolutewidth:600pxleft:-100pxtop:0pxheight:200px}

父容器定位设置为 relative ,子容器为 absolute ,手动指定宽度,高度可以增加和子容器一样高的padding-top 的 hack

可以 父元素的position:relative,子元素的position:absolute;然后给子元素设置left和top调整位置。当然也可以用margin-top和 margin-left来调

父容器就是用来包含目标元素的容器,相反,子元素就是在目标元素内的,父子是一个相对的概念

比如

<div>

     <p></p>

</div>

根据上面的代码p元素就是div的子元素,div就是p的父容器