基本上,我有一个嵌套的<div>
作为页脚,父div居中位于1000px宽。
我想知道是否可以扩展页脚div的宽度,以使其超出父级以适合浏览器的宽度,但仍保持其在父级中的位置?
最佳答案
我的解决方案假定.parent
元素的高度已拉伸(stretch)。即使不是这种情况,似乎您也希望.footer
元素停留在页面底部。如果是这样,则可以使用position:absolute
将子块从父块中移出,然后使用bottom: 0px
将其固定到底部,然后使用left:0px
和right: 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/