如何让div在其包含div之外的全屏宽度？

Question

无法获取滑块底部的黑条以在屏幕上拉伸全宽。它在左侧工作，但右侧在容器边缘处被切断。如果有相关信息，请使用Master Slider。关于如何让黑条一直伸展的任何提示？

http://designatwork.net/51fifteen/

Answer 1

解决问题

1. 从具有类width
的div中删除ms-layer属性
2. 从具有类left的div中删除right属性。由于div绝对定位，请将max-width和left值设置为0以使其为全宽
3. 从div ms-slide-layers
中删除 var x = parseInt(window.prompt("inter the row:")); var y = parseInt(window.prompt("inter the column:")); var [,]names = new Array[x,y]; for (var i=0; i<x;i++) { for(var j=0; j<y;j++) { names [i,j]=parseInt(window.prompt(" ")); } } for (var i=0; i<x;i++) { for(var j=0; j<y;j++) { document.write(names[i,j]); } document.write("<br>"); } 和{{1}}

虽然我觉得，结构不合适，在绝对范围内有相对位置会产生问题。仍然高于修复可以避免重写。

Answer 2

ms-slide-layers，ms-inner-controls-cont和ms-layer等几个类具有left，width的硬编码值，在这种情况下，大多数限制为{{1} }}

我认为使用视口宽度单元max-width可以通过将vw设置为整个视口的宽度来使用此案例。< / p>

此外，您不需要9999px中的width: 100vw;和padding。您可以margin图层，position: absolute，然后使用合理的bottom: 0并根据您的需要调整文字，以获得更好，更清晰的结果。

Answer 3

首先将位置（静态以外的任何位置）设置为其父元素。然后将黑条的位置设置为绝对值。这样，它将相对于包含位置的最近的父元素。接下来，使用高度和宽度属性将其拉伸，或使用方向位置（顶部，底部，左侧，右侧）。如果您使用方向位置，则同时使用左右两侧，黑条将在屏幕上展开。