使嵌套的子元素成为浏览器的全宽

时间:2014-08-19 13:00:05

标签: jquery html css

我无法在浏览器的整个宽度上创建嵌套的子元素,我想知道我是否遗漏了一些简单的内容。

我创建了一个小提示,展示了我在这里要做的事情:http://jsfiddle.net/MrHunter/r2tr6yxu/

基本上我已经尝试将位置设为绝对位置,左侧,右侧:0。

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

我尝试使用jQuery使其全宽,但内容和屏幕左侧之间的宽度总是不同。

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

1 个答案:

答案 0 :(得分:4)

从主要父级移除position:relative

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

DEMO