gpt4 book ai didi

我的 div 布局周围的 css 边框

转载 作者:太空宇宙 更新时间:2023-11-04 03:52:49 25 4
gpt4 key购买 nike

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

我想在布局的所有外部放置一个边框,当浏览器重新调整大小时,它仍然会存在。我将如何在不影响布局和媒体查询的响应能力的情况下做到这一点?正在考虑可能在 div 内部的边界?

也不确定我做了什么,但我在我的 <div> 中出现了差距您可以在 Logo 下方看到。

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

最佳答案

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 {..}替换为

body {
margin: 0 auto;
background: #333;
max-width: 1200px;
}

(删除 display: table-cell,margin auto 将使其水平居中,最大宽度)

关于我的 div 布局周围的 css 边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23196134/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com