在CSS中的边框边距？

-1

虽然，试图在网站上创建一个正文border，但我在创建网站和border之间的margin时遇到了麻烦。在CSS中的边框边距？

我想在border的周围有20px的余量，但我似乎无法弄清楚如何做到这一点，任何人都可以帮助我吗？

我的最终目标是border看起来接近this。

2015-04-26 Peter Peters

当您提出一个关于您的**代码**导致的问题的问题时，如果您提供了可供人们用来重现问题的代码，那么您将得到更好的答案。该代码应该是[最小，完整和可验证]（http://stackoverflow.com/help/mcve）。附：身体边框与容器边框不一样。 – Aziz

只是使周围适当媒体查询内容的包装的div，像这样

Demo

#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; 
}

来源

2015-04-26 13:31:46

您是否尝试过的CSS margin性质的东西吗？

body 
{ 
margin: 20px; 
}

来源

2015-04-26 13:32:29 Anakin

您应该创建两个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/

希望我帮你:)

来源

2015-04-26 13:33:55 Bobot

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

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

Here a working example

来源

2015-04-26 13:37:00 Matho

在CSS中的边框边距？

回答

相关问题