嗨,我的布局遇到了一些麻烦
我想在布局的所有外部放置一个边框,当浏览器重新调整大小时,它仍然会在那里。如何在不影响布局和媒体查询响应的情况下执行此操作?想到可能是div
内部的边界?
也不确定我做了什么,但我在<div>
中找到了你可以在徽标下看到的差距。
答案 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。