当前位置：文江博客话题详情

使具有绝对位置的 div 展开并填充页面的其余部分

发布于 2024-08-24 18:56:52 字数 104 浏览 9 评论 0原文

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

提赋 2024-08-31 18:56:53

我设法通过将 div 嵌套在另一个 div 中来解决这个问题，该 div 具有 left:0、width:100% 和 Overflow:hidden。完美运作 =)

回复收藏 0 原文

戴着白色围巾的女孩 2024-08-31 18:56:52

您可以同时指定 left 和 right：

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

You can specify both left and right at the same time:

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

回复收藏 0 原文

小情绪 2024-08-31 18:56:52

我认为你必须使用 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;

I think you would have to use javascript to capture the width of the window. Then assign the width to the 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;

回复收藏 0 原文

~没有更多了~