css流出父元素 |css获得第一个子元素

流出父元素是指，某个元素使用了浮动或者绝对定位等属性，导致其脱离正常文档流，从而影响到其父元素的布局。比如：

<div class="parent">
<div class="child"></div>
</div>

在上面的代码中，大家让子元素使用了浮动属性，而父元素则没有设置任何布局属性。此时，就会出现流出父元素的问题，导致父元素的高度无法被子元素撑开。

为了解决这个问题，大家可以使用clear属性来清除浮动，让父元素重新参与文档流。修改代码如下：

<div class="parent">
<div class="child"></div>
<div></div>
</div>

在子元素下面添加一个空标签，并设置clear属性为both。这样，父元素就可以被正确地撑开。

除了使用clear属性，大家还可以使用overflow属性来解决流出父元素的问题。因为当父元素设置overflow为auto或hidden时，就会自动包含浮动元素，从而解决了父元素高度无法被撑开的问题。代码如下：

<div class="parent">
<div class="child"></div>
</div>

以上两种方法都可以解决流出父元素的问题，具体使用哪一种方法，需要根据实际情况来判断。在使用CSS样式时，经常会遇到一些问题，大家需要善于应用CSS的各种属性来解决这些问题，提高网站的用户体验。