我有使用Bootstrap 3和Angular UI进行布局控制的角度应用程序。
我想让特定元素适合浏览器的整个宽度。此元素位于引导网格（col-xx）内，该网格本身位于angular指令内，该指令位于另一个引导网格内，该引导网格位于Angular UI选项卡中，该选项卡位于另一个网格内。我想你应该已经明白了。
什么是使我的元素成为完整浏览器宽度的正确CSS？元素的父元素的宽度只是屏幕宽度的一小部分，但是我需要这个特定的div来覆盖所有内容，因为我需要最大的实际空间（试图显示甘特图）。
当您单击特定图像并且条形图在整个屏幕上展开时，我正在尝试的效果类似于当前的Google图像搜索功能。
如果问题不清楚，我们深表歉意。我可能需要添加一些代码。
您将不得不使用position: fixed它来将其从文档流中删除，否则，使用width:100%将始终指代它占用其父容器宽度的100％。
添加类fullWidth和样式，如下所示：
.fullWidth {
position: fixed;
left: 0;
right: 0;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句