文章/答案/技术大牛

发布

社区首页 >问答首页 >将div“‘Stretching”到浏览器的边缘

问将div“‘Stretching”到浏览器的边缘
EN

Stack Overflow用户

提问于 2011-04-03 18:10:35

回答 3查看 6K关注 0票数 0

我有一个绝对定位的标题与背景图像。我希望两个div(也与背景图像)“拉伸”从我的标题到用户浏览器的左右边缘，而不需要滚动条。我怎么能这样做呢？谢谢!

jquery

html

css

回答 3

Stack Overflow用户

发布于 2011-04-03 18:15:39

使用width: 100%;并将位置设置为left: 0px;。

查看：http://jsfiddle.net/joshcomley/ma26B/

票数 2

Stack Overflow用户

发布于 2011-04-03 18:15:57

THis通常是在CSS上使用width:100%完成的。我的意思是，尽管浏览器有细微的差别。

票数 0

Stack Overflow用户

发布于 2011-04-03 18:22:03

通常情况下，HTML页面的页边距设置为5px或其他值。但是如果你想让你的div元素伸展到两边，你可以这样做--

<html>
      <head>
            <style>
                   body { margin: 0px 0px 0px 0px; background: #555; }
                   div.element { width: 100%; display: block; background: #000; color: #fff; padding: 5px 5px;}  
            </style> 
      </head>
      <body>
             <div class="element">Stretched to the both edges of you HTML page!</div> 
      </body> 
</html>

这就是全部内容，只需在HTML页面中复制并传递上述代码，然后执行，就可以看到它的魔力了！

我希望这能有所帮助！

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/5528927

复制

相似问题

问将div“‘Stretching”到浏览器的边缘
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将div“‘Stretching”到浏览器的边缘EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将div“‘Stretching”到浏览器的边缘
EN