Question

在尝试在网站周围创建正文margin时，我在网站与border之间创建20px时遇到了麻烦。

我想在border附近留出border的余量，但我似乎无法弄清楚如何做到这一点，有人可以帮助我吗？

我的最终目标是让Thread.currentThread().getContextClassLoader().getResource("assets/xxx.png"); //returns null看近this。

Answer 1

只需使用适当的媒体查询围绕内容进行包装div，就像这样

#wrapper {
    max-width: 1100px;
    margin: 20px auto;
    border:1px solid #333;
    padding:20px;
    background:#eee;
}

@media screen and (max-width: 1260px) {
    #wrapper {
      margin: 20px;
    }
}

#content {
    background:#ccc;
}

Answer 2

您是否尝试过css margin属性？

body
{
 margin: 20px;
}

Answer 3

你应该创建两个围绕你体内所有东西的div，如：

<html>
    <head>
        [...]
    </head>
    <body>
        <div id="global">
            <div id="global-inner">
                [Your original code ...]
            </div>
        </div>
    </body>
</html>

然后你只需要做一些css

#global {
    border: 1px solid #CCCCCC;
    margin: 40px auto;
    width: 90%;
}

#global-inner {
    margin: 7% 7%;
}

参见JSFiddle：https://jsfiddle.net/9usf2hmh/

希望我帮助过你：）

Answer 4

你应该做的只是在你的身体或主要容器上使用padding。

请记住，在该特定页面设计中，填充位于左/右和顶部，底部padding是页脚元素的一部分，这就是他在底部实现top-border的方式元素

Here a working example

CSS中的边框边缘？

4 个答案: