html+浮动如何解决,HTML+CSS入门 浮动产生的高度坍塌如何解决

本篇教程介绍了HTML+CSS入门 浮动产生的高度坍塌如何解决，希望阅读本篇文章以后大家有所收获，帮助大家HTML+CSS入门。

<

高度坍塌：如果一个没有设置高度div里的元素都是浮动元素，这个时候就可能产生高度坍塌，因为div的高度都是普通元素撑起来的，div里的元素浮动之后，元素就会脱离文档流，所以父级的div高度就可能为零，解决办法，使用after伪元素：

.div:after {

content: '.';

display: block;

height: 0;

visibility: hidden;

clear: both;

}这里的.div指的是父级div。siblings()方法利用siblings()可以获取同级元素，通过这个方法，可以隐藏同级元素，改变同级元素的属性，css属性等。例如一个父级div里用多个ul或其他元素，当点击其中一个的时候，需要改变其他的样式，我们就可以使用siblings()方法来获取其他同级元素，达到控制改变其他元素的目的。

本文由职坐标整理发布，欢迎关注职坐标WEB前端HTML/CSS频道，获取更多HTML/CSS知识！