我的div布局周围的css边框

我的div布局周围的css边框,css,html,responsive-design,border,Css,Html,Responsive Design,Border,嗨,我的布局有点问题 我想在布局的所有外部加一个边框,当浏览器重新调整大小时,它仍然会在那里。如何在不影响版面和媒体查询响应的情况下做到这一点?我想可能是在div的内部有一个边框 也不确定我做了什么,但我的中有一个缺口,你可以在徽标下看到 css 示例html <body> <div class="mainBody">all your content here</div> </body> 最后干杯,这是一个简单的编辑,但由于不了解问

嗨,我的布局有点问题

我想在布局的所有外部加一个边框,当浏览器重新调整大小时,它仍然会在那里。如何在不影响版面和媒体查询响应的情况下做到这一点?我想可能是在
div
的内部有一个边框

也不确定我做了什么,但我的
中有一个缺口,你可以在徽标下看到

css

示例html

<body>
    <div class="mainBody">all your content here</div>
</body>


最后干杯,这是一个简单的编辑,但由于不了解问题,花了这么长时间,无论如何,您的示例图片帮助我实现了您的愿望

把你的身体{..}换成

body {
  margin: 0 auto;
  background: #333;
  max-width: 1200px;
}
(删除显示:表格单元格,边距自动将使其水平居中,最大宽度)

我也不确定我做了什么,但我在我的工作中有一个差距 请参见徽标下方

更改box2或box3的高度属性以相互匹配。
目前,框2的高度为179px,框3的高度为203px。因此,将box2的高度设置为203px,或将box3的高度更改为179px。

在布局的所有外部设置边框是什么意思?你能提供一个你想如何放置边界的截图吗?我不清楚你的问题。您是否研究过元素的框大小?另外,请在您的问题中包含简化代码。是的,对不起,www.techagesite.com/shot.png,当然在底部too@daze是几周前我最后一次尝试的时候,雾太大了。我想我只是试着在名为box的div上加了一个边框,其中包含构成布局的其余div。你说的简化是指没有内容的元素吗?什么有效,什么无效?当我说简化代码时,我指的是一些可以在没有多余代码的情况下为我们提供所要做的事情的要点的东西。这样,您甚至可以自己解决自己的问题!如果还没有,请阅读我之前提供的whathaveyoutried.com链接。该链接可以在整个页面上运行,而不仅仅是div。我已经编辑过,您可以将ID更改为Class。forBorder,现在将该类添加到您想要的每个div中。抱歉,我可能不太清楚。我需要在所有东西周围加上边框,就像我链接到的图像一样,只要将它添加到css“*{border:5px solid#3A5FCD;}”,它会在所有东西周围加上边框。我只需要在布局外部加上边框,而不需要在背景空间左右加上边框。看看这个。这就是我想让它看到它如何围绕布局,而不是边框。我在框2和框3上没有高度,因此默认高度设置为“自动”,并在图像结束处调整div标记。设置高度使它们相等。我不明白你的意思你不给高度属性任何css。因此默认值为
height:auto。这使得box2和box3在不同浏览器中的高度不同。给他们一个固定的高度,比如
height:179px。请查看此项。取消注释height属性并选中。它会将2框调平,不会影响其他元素。
* {
 border: 5px solid #3A5FCD;
}
body {
  margin: 0 auto;
  background: #333;
  max-width: 1200px;
}