使子div在页面宽度上伸展

假设我有以下HTML代码:

<div id=“container”style=“width:960px”>
<div id=“帮助面板”style=“宽度:100%;边距:0自动”>
内容在这里。
&lt/部门>
&lt/部门>

如果我希望帮助面板div在页面/浏览器的宽度上延伸,即使页面/浏览器的宽度大于960px(这是为容器div设置的宽度),是否可以使用上述结构?如果页面宽度超过960px,我想让帮助面板div扩展到容器div中设置的宽度限制之外

我很好奇,是否可以通过上述结构实现这一点。或者我必须将help_panel div放在container div的外部才能工作

谢谢

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

位置:绝对位置;
左:0;
右:0;

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

发表评论