Question

我有一个绝对定位的div，它作为一种水平线，带有x-repition的背景图像。我希望它的宽度填满整个页面，但它的x位置不是0所以我不能只给它100％的宽度。我该怎么做？

Answer 1

您可以同时指定left和right：

position: absolute;
left: 5px;
right: 5px; /* or whatever value you want */

Answer 2

我认为你必须使用javascript来捕获窗口的宽度。然后将宽度指定给div。

    var winW = 630, winH = 460;

    if (parseInt(navigator.appVersion)>3) {
     if (navigator.appName=="Netscape") {
      winW = window.innerWidth;
      winH = window.innerHeight;
     }
     if (navigator.appName.indexOf("Microsoft")!=-1) {
      winW = document.body.offsetWidth;
      winH = document.body.offsetHeight;
     }
    }


  document.getElementById('divName').style.width = winW;
  document.getElementById('divName').style.height = winH;

Answer 3

我设法通过将div嵌套在另一个div中来解决它：div，其中宽度：100％，溢出：隐藏。完美的工作=）

使用绝对位置扩展div并填充页面的其余部分

3 个答案: