Html 如何使子div的宽度大于其父元素的宽度?

Html 如何使子div的宽度大于其父元素的宽度?,html,css,twitter-bootstrap,mobile,Html,Css,Twitter Bootstrap,Mobile,如何使子div的宽度大于其父元素的宽度 回答 position: relative; width: 100vw; left: calc(-50vw + 50%); 使用bottom代替margin-bottom这将使图像从页面底部或父元素到相对位置的距离达到50px。请注意,底部可用于绝对或固定定位正常。因此,将position:absulte放在父元素上,position:relative;底部:50像素在孩子身上。这是可行的,但是如何让子元素跨越整个视口,而不占用它所在容器的宽度呢

如何使子div的宽度大于其父元素的宽度

回答

position: relative;
width: 100vw;
left: calc(-50vw + 50%);    

使用bottom代替margin-bottom这将使图像从页面底部或父元素到相对位置的距离达到50px。请注意,底部可用于绝对固定定位

正常。因此,将position:absulte放在父元素上,position:relative;底部:50像素在孩子身上。这是可行的,但是如何让子元素跨越整个视口,而不占用它所在容器的宽度呢?哦!我想出来了。位置:相对位置;宽度:100vw;左:钙(-50vw+50%);底部:50px;