gpt4 book ai didi

css - Div 和 CSS : spacers the same between divs in major div? I.e 红色背景的黄色 2x3 框之间的间隔相同

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

我想要左边(蓝色的页眉/页脚,绿色的边,红色中间的东西,里面有 6 个盒子),我得到了右边,即水平的东西,代码为 here .

enter image description here

如何将黄色框设为 3x2 红色背景和绿色/蓝色边?我该如何做这个布局 here换句话说?当我稍微改变一下布局时,我通常会发现黄色东西之间的间隔符不相等——如何使间隔符相等?

最佳答案

这会让你走上正轨

<html>
<style>
.block{
background-color:yellow;
height:20px;
width:300px;
border:20px;
display:inline;
float: left;
margin:10px;
}
#document{
background-color:green;
}
#pitches{
background-color:red;
margin:auto;
overflow:auto;
width:700px;
height:300px;
}
#header, div#footer{
background-color:blue;
height:200px;
margin:auto;
overflow:auto;
width:900px;
}
</style>

<body>
<div id='document'>
<div id='header'></div>
<div id='pitches'>
<div class='block'></div>
<div class='block'></div>
<div class='block'></div>
<div class='block'></div>
</div>
<div id='footer'></div>
</div>
</body>
</html>

关于css - Div 和 CSS : spacers the same between divs in major div? I.e 红色背景的黄色 2x3 框之间的间隔相同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13519956/

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