html - 使子 div 跨页面宽度拉伸(stretch)

Question

假设我有以下 HTML 代码:

<div id="container" style="width: 960px">
   <div id="help_panel" style="width: 100%; margin: 0 auto;">
     Content goes here.
   </div> 
</div>

如果我想让 help_panel div 延伸到页面/浏览器的宽度，即使页面/浏览器的宽度大于 960px(这是为容器 div 设置的宽度)，是否可以这样做它具有上述结构吗？如果页面宽度超过 960px，我想让帮助面板 div 扩展到超出容器 div 中设置的宽度限制。

我很好奇这是否可以用上面的结构来完成。或者我必须将 help_panel div 放在容器 div 之外才能使其工作吗？

谢谢!

Answer 1

是的，这是可以做到的。你需要使用

position:absolute;
left:0;
right:0;

在 http://jsfiddle.net/bJbgJ/3/ 查看工作示例