Question

以下代码段显示正文中的div。两者的高度和宽度均为100％。 div有边框。问题是浏览器使div的内容框与正文的大小相同，将底部和右边框发送出视图。我有义务保持100％的规则，整个布局取决于它们。如何让边框显示？我做错了什么？

西蒙

<html>
    <body style="width:100%;height:100%;">
        <div id="bdiv" style="height:100%;width:100%;border:2px solid green;">Difficult to remain positive in such conditions</div>
    </body>
</html>

Answer 1

1）删除身体的默认边距

2）设置box-sizing: border-box; div，以便在div中呈现边框

body
{
    margin:0;
}
div
{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

<强> FIDDLE

在HTML中，我如何拥有边框并填充容器？

1 个答案: