css上一级元素不浮动

CSS中，我们经常使用浮动来排版，可以使元素有更多的排列方式，但是有时候我们希望浮动的元素能够包含在上一级元素中，而不是漂浮在上面。这种情况下，我们需要使用一些技巧来实现上一级元素不浮动。

.parent {
  overflow: hidden;
  /* 其他样式 */
}

.child {
  float: left;
  /* 其他样式 */
} 

上面的代码是一种常见的方法，我们在上一级元素中设置一个overflow属性，然后在浮动的子元素中使用float属性。这种方法可以使子元素被包含在上一级元素中，而不是漂浮在上面。

另外，我们还可以使用clear属性来实现上一级元素不浮动。clear可以使元素的上方清除浮动效果，从而使这个元素不受浮动元素的影响。

.parent {
  /* 其他样式 */
}

.child {
  float: left;
  /* 其他样式 */
  clear: both;
} 

上面的代码中，我们在浮动的子元素中设置了clear:both属性，这意味着该元素不会被浮动元素覆盖，而是会在浮动元素下方展现。

在实际应用中，还有很多其他的方法能够实现上一级元素不浮动，我们需要根据具体的情况选择最合适的方法。