文章/答案/技术大牛

发布

社区首页 >问答首页 >如何将上边框设置为一个窗口长度？

问如何将上边框设置为一个窗口长度？
EN

Stack Overflow用户

提问于 2015-01-07 22:53:06

回答 2查看 37关注 0票数 1

我想要制作一个元素，也就是我用css制作的框，显示在框架之外，或者有一个完整窗口长度的最高边距值。

下面是一个工作示例的网站链接：http://www.pulse8music.com/bestofchillstep2014引用链接的网站，我想复制刚脱离框架的白色背景区域，使用户通过滚动发现白色区域。谢谢您抽时间见我。

HTML代码：

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="Stylesheet.css"></link>
        <script language="javascript" type="text/javascript" src="jquery-1.11.2.min.js"></script>
        <script src="script.js"></script>
        <title>title</title>
    </head>
    <body>
        <div class = "titleBar">
            <p class = "title">title</p>
        </div>
        <div class = "targetBox">
            <p class = "longboxTitle">title</p>
            <p class = "longboxSubtitle">subtitle</p>
            <div class = "box"></div>
        </div>
    </body>
</html>

CSS代码：

.targetBox {
    height: 40cm;
    width: auto;
    background-color: #FFFFFF;
    z-index: 1;
    text-align: center;
    background-size: 100%;
    margin-right: -3000px;
    padding-right: 3000px;
    margin-left: -3000px;
    padding-left: 3000px;
    /* INSERT NEW CODE HERE */
}

html

css

window

margin

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-01-07 23:08:41

尝试使用css的vh单位(视口高度)。1vh等于视口(浏览器窗口)宽度的1%，因此将高度设置为高度:100 1vh将很好地完成这项工作。

票数 1

Stack Overflow用户

发布于 2015-01-07 22:55:54

虽然看起来不合逻辑，但我发现height:100%可以在这种情况下工作。

祝你在这个美丽的地方好运！

票数 1

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

原文链接：

https://stackoverflow.com/questions/27830122

复制

相似问题

问如何将上边框设置为一个窗口长度？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将上边框设置为一个窗口长度？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将上边框设置为一个窗口长度？
EN