高度坍塌:如果一個沒有設置高度div里的元素都是浮動元素,這個時候就可能產生高度坍塌,因為div的高度都是普通元素撐起來的,div里的元素浮動之後,元素就會脫離文檔流,所以父級的div高度就可能為零,解決辦法,使用after偽元素: ...
高度坍塌:如果一個沒有設置高度div里的元素都是浮動元素,這個時候就可能產生高度坍塌,因為div的高度都是普通元素撐起來的,div里的元素浮動之後,元素就會脫離文檔流,所以父級的div高度就可能為零,解決辦法,使用after偽元素:
.div:after {
content: '.';
display: block;
height: 0;
visibility: hidden;
clear: both;
}
這裡的.div指的是父級div。
siblings()方法
利用siblings()可以獲取同級元素,通過這個方法,可以隱藏同級元素,改變同級元素的屬性,css屬性等。
例如一個父級div里用多個ul或其他元素,當點擊其中一個的時候,需要改變其他的樣式,我們就可以使用siblings()方法來獲取其他同級元素,達到控制改變其他元素的目的。