Question

我正试图让一个边框环绕我的整个页面，但是当我添加border属性时，它只在页面的一半左右，在内容下停止大约20px。信使不允许我发布html而不添加广泛的评论。这是CSS。谢谢。

body {
    border: green dotted 2px;
}

h2 {
    font-size: 2em;
    font-style: italic;
    text-align: center;
    border: 2px outset green;
    border-radius: 25px 10px 25px 10px;
    padding: 5px;
    width: 350px;
    margin: 0 auto;
    margin-top: 50px;
}

p  {
    color: black;
    text-align: center;
    background-color: 
}

img {
    width: 95px;
}

#treelink {
    width: 120px;
    border: outset green 2px;
    padding: 5px;
    box-shadow: 5px 5px 4px green;
}

Answer 1

我刚刚在jsfiddle上测试了它，我相信你必须添加它。

html, body {
width: 100%;
height: 100%;
}

我猜这是因为除非你在css中指定，否则身体的动态大小取决于里面的内容。与html相同;你需要将hmtl指定为宽度：100％和高度：100％所以html本身和整个页面一样大。

为什么边界不包围整个身体？

1 个答案: