css - 絶対位置で div を展開し、ページの残りの部分を埋める

Question

x-repition の背景画像を使用して、一種の水平線として機能する絶対配置の div があります。幅をページ全体に合わせたいのですが、x 位置が 0 ではないため、幅を 100% にすることはできません。どうすればいいのですか？

Answer 1

left両方をright同時に指定できます。

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

Answer 2

divをleft：0、width：100％、overflow：hiddenの別のdivにネストすることで、なんとか解決できました。完璧に動作します=）

Answer 3

ウィンドウの幅をキャプチャするには、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;