CSS布局可以让我们轻松地设置网页的样式。然而，当父亲元素的高度不够容纳子元素时，就需要用一些技巧来解决。那么，要如何用CSS撑开父亲元素呢？

.parent {
height: auto;
overflow: hidden;
}
.child {
height: 100px;
margin-bottom: 10px;
}

以上代码是一种常见的解决方法。父亲元素设置height为auto，将高度设置为子元素的高度之和。但是，在这种情况下，子元素会溢出父亲元素。因此，需要使用overflow: hidden隐藏子元素的部分，从而撑开父亲元素。

除此之外，还有另一种常见的解决方法——使用float属性。通过将子元素浮动，可以让它们“脱离文档流”，不再撑开父亲元素。而使用clear属性，可以让父亲元素识别浮动元素，从而正确地计算高度。

.parent {
overflow: hidden;
}
.child {
height: 100px;
margin-bottom: 10px;
float: left;
}
.clearfix::after {
content: "";
display: block;
clear: both;
}

以上代码中，使用overflow: hidden隐藏了浮动元素，而clearfix类的::after伪元素则用来清空浮动。这样，就能够撑开父亲元素了。

CSS撑开父亲元素，需要我们掌握一些技巧和常见的解决方法。无论是使用overflow属性还是浮动元素，都是很好的选择。相信掌握了这些技巧后，您能够更好地掌握CSS的布局技术，制作出优美的网页。