1. 父DIV与未知的子DIVS
当我们碰到一个未知数量的子元素需要放进一个父元素中，并且希望父元素的大小能够适应子元素的数量时，我们可以使用以下CSS代码实现：
.parent {
display: inline-block;
border: 1px solid black;
padding: 10px;
}
.child {
display: inline-block;
width: 50px;
height: 50px;
background-color: red;
margin-right: 10px;
}
首先，我们需要一个父元素和若干个子元素。在这个例子中，我们声明了一个父元素的class为"parent"，一个子元素的class为"child"。
我们给父元素设置display属性为inline-block，使其可以根据子元素的数量大小自动调整自己的宽度。然后，用border属性给父元素加上边框，用padding属性给父元素加上内边距。
接下来，我们给子元素设置display属性为inline-block，使它们能够在一行内排列。然后，设置子元素的width和height属性，以及background-color属性来定义子元素的样式。最后，用margin-right属性给子元素之间加上一些间距，使整个效果看起来更美观。
总结：使用display: inline-block和子元素的margin属性可以方便地实现父元素自适应子元素数量的效果。
2. 居中的父DIV
2.1. 水平居中
要使一个父元素水平居中，我们可以使用以下CSS代码实现：
.parent {
width: 200px;
height: 200px;
border: 1px solid black;
margin: 0 auto;
}
首先，我们需要一个父元素，并设置它的宽高大小。在这个例子中，我们设置父元素的宽高为200px。
然后，我们给父元素设置border属性，以便更好地显示效果。最后，使用margin: 0 auto属性将父元素水平居中。
总结：使用margin: 0 auto可以方便地将一个元素水平居中。
2.2. 垂直居中
要使一个父元素垂直居中，我们可以使用以下CSS代码实现：
.parent {
display: flex;
justify-content: center;
align-items: center;
}
我们使用了flex布局来实现垂直居中。首先，我们需要一个父元素。然后，我们给父元素设置display属性为flex，使其具有了flex布局的特性。
接着，我们使用justify-content: center和align-items: center属性分别将子元素沿水平和垂直方向居中。
总结：使用display: flex和justify-content和align-items属性可以方便地实现垂直居中效果。
3. 总结
以上就是本文介绍的基本CSS问题：父DIV与未知的子DIVS、居中的父DIV。通过学习本文的内容，你已经掌握了如何使用CSS来实现这些效果。