我想要左边(蓝色的页眉/页脚，绿色的边，红色中间的东西，里面有 6 个盒子)，我得到了右边，即水平的东西，代码为 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/