jquery - 使嵌套的子元素全宽浏览器

Question

我无法使嵌套的子元素占据浏览器的整个宽度，我想知道我是否遗漏了一些简单的东西。

我创建了一个 fiddle 来展示我在这里要做什么:http://jsfiddle.net/MrHunter/r2tr6yxu/

基本上我试过使位置绝对和左，右:0。

.child_full_width {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
}

我已经尝试使用 jQuery 将其设置为全宽，但内容与屏幕左侧之间的宽度始终不同。

想知道是否有其他人克服了这个问题？

Answer 1

从主要父级中删除 position:relative。

.parent {
width: 90%;
background-color: #FF0;
height: 200px;
margin: 0 auto;
}

DEMO