gpt4 book ai didi

html - 我希望
位于正中心;不知道如何处理底部和右边距

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

我制作了一面法国国旗,并希望它与浏览器边缘保持相同的边距。容器的比例可能会改变。下图显示了我所做的。

enter image description here

只有顶部和左侧边距符合我的要求。我打算 margin: 0 0; 将间隙始终保持为 0;但右边和底部的不起作用。

enter image description here

那我能不能把所有的边距都平均设置一下呢?这是完整的代码。

#wrap {
/*I've tried to change this part*/
position: absolute;
width: 90%;
height: 90%;
/*height: 500px;*/
margin: 0 0;
border: 4px solid #000;
}
#wrap div {
width: 33.3333333333%;
height: 100%;
display: inline-block;
}
#wrap div:first-child {
margin-right: 33.3333333333%;
background: #003153;
}
#wrap div:first-child + div {
background: #cc3333;
}
<!DOCTYPE HTML>
<html lang="ko">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<title>Document</title>
</head>

<body>
<div id="wrap">
<div></div>
<div></div>
</div>
</body>

</html>

最佳答案

浏览器默认为 body 设置边距,这是导致问题的原因。为 body 设置 margin:0#wrap 中的宽度更改为 100%

body
{
margin:0;
}

#wrap{
position: absolute;
width:100%;
height:90%;
/*height: 500px;*/
margin: 0 0;
border:4px solid #000;}

关于html - 我希望 <div> 位于正中心;不知道如何处理底部和右边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42108899/

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