解决高度坍塌
清除浮動帶來的影響（高度坍塌）
元素設置浮動之后，被設置浮動的元素就會脫離文檔流，而且任何元素都會浮動，然后稱為**塊級元素**，浮動之后對我們的布局是有很大的影響，會造成高度坍塌。解決高度坍塌的方法：還有其他方法，這里就不一一列舉，主要介紹利用css來解決高度坍塌的問題1.給父元素也設置浮動，要浮動一起浮動2.給父元素設置高度3.高度坍塌畢竟是css自己的問題，所以還是由css自己來解決吧，來看代碼 <body><style>.clearfloat>div{width: 100px;height: 100px;}.clearfloat>div:first-child{float: left;border: 1px solid rebeccapurple}.clearfloat>div:last-child{float: left;border: 1px solid rgb(3, 1, 15)}.d3{width: 300px; height: 200px;color: rgb(22, 3, 3);border: 2px solid black}.clearfloat::after{/*在父元素上添加:after*/display: block;/*添加一個塊級元素在父元素的直接子元素后邊*/content: "";/*給塊級元素的內容設置為空*/clear: both;/*清楚所有的浮動*/}</style><div class="clearfloat"><div>浮動框1</div><div>浮動框2</div></div><div class="d3">框3</div> </body>這是沒有清楚浮動的效果
默認文檔流定位是
①每個元素在頁面占據空間
②每個元素都從父元素的左上角開始顯示
③塊級元素獨占一行，從上往下排列
④行內和行內塊，多個元素共用一行，從左往右排列，一行排不下，自動換行
浮動之后框3直接壓在浮動框1和浮動框2的下邊（都是塊級元素，如果框3沒有浮動應該在浮動框1和2的下邊）
清除浮動后的效果：
[因為是小白，寫的有點菜，有錯誤的話，請大家指正]
總結
- 上一篇： linux dd安装win2003,DD
- 下一篇： 计算机网络课程设计——中小型网络工程设计