围绕我的div布局的CSS边框

时间:2014-04-21 11:05:48

标签: css html responsive-design border

嗨,我的布局遇到了一些麻烦

我想在布局的所有外部放置一个边框,当浏览器重新调整大小时,它仍然会在那里。如何在不影响布局和媒体查询响应的情况下执行此操作?想到可能是div内部的边界?

也不确定我做了什么,但我在<div>中找到了你可以在徽标下看到的差距。

http://www.techagesite.com/page-1work11122.htm

2 个答案:

答案 0 :(得分:1)

Demo

CSS

html {
    height: 100%;
    width: 100%;
    display: table;
}
body {
    display: table-row;
}
.mainBody {
    display: table-cell;
    border: 10px solid blue;
}

示例html

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



要为页面上的每个元素添加边框,请使用通用选择器“*,如下所示:

* {
 border: 5px solid #3A5FCD;
}



最后欢呼声,这是一个简单的编辑,但由于缺乏理解这个问题花了这么长时间,无论如何你的示例图片帮助我实现你的需要。

只需用

替换你的身体{..}
body {
  margin: 0 auto;
  background: #333;
  max-width: 1200px;
}

(删除显示:table-cell,margin auto将使其为最大宽度的水平中心)

答案 1 :(得分:1)

  

也不确定我做了什么,但是我可以在你身上找到差距   看到徽标下面。

更改box2或box3的height属性以使其彼此匹配。 目前,box2的高度为179px,盒子3的高度为203px。因此,将box2的高度设置为203px或将box3的高度更改为179px。