Question

我有一个使用Bootstrap 3和Angular UI进行布局控制的角度应用程序。

我希望某个特定元素适合浏览器的整个宽度。此元素位于引导网格（col-xx）中，该网格本身位于角度指令内，该指令位于另一个引导网格内，该网格位于另一个网格内的Angular UI选项卡内。我想你明白了。

将元素作为完整浏览器宽度的正确CSS是什么？元素父元素的宽度只是屏幕宽度的一小部分，但我需要这个特殊的div来覆盖所有内容，因为我需要最大的空间（试图显示甘特图）。

当您点击特定图片并且栏在整个屏幕上展开时，我尝试的效果类似于当前的Google图片搜索功能。

如果问题有点不清楚，请道歉。我可能需要添加一些代码。

Answer 1

您必须使用position: fixed将其从文档流程中删除，否则使用width:100%将始终引用它占据其宽度的100％父容器。

添加课程fullWidth，样式如下：

.fullWidth {
    position: fixed;
    left: 0;
    right: 0;
}