基本上,我有一个嵌套的<div>作为页脚,父div居中位于1000px宽。
我想知道是否可以扩展页脚div的宽度,以使其超出父级以适合浏览器的宽度,但仍保持其在父级中的位置?

最佳答案

我的解决方案假定.parent元素的高度已拉伸(stretch)。即使不是这种情况,似乎您也希望.footer元素停留在页面底部。如果是这样,则可以使用position:absolute将子块从父块中移出,然后使用bottom: 0px将其固定到底部,然后使用left:0pxright: 0px扩展其宽度。

Working Fiddle

更新了:

使用此Doctype声明:

<!DOCTYPE html>

另外,在.footer元素中提及top:auto css属性。像这样的东西:
.footer{
    padding: 0px 15px;
    height: 50px;
    background-color: #1A1A1A;
    position:absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    top: auto;  /* added (IE FIX) */
}

关于css - 嵌套Div可以忽略父Div宽度吗?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/18785706/

10-12 00:08
查看更多