css佈局-float佈局
第一個float例子如下:
第二個 float的例子如下:
效果如下:
效果如下:
高度塌陷的例子如下:
1) 可以看到第二個div的高度塌陷了,這時候我們可以通過父元素的高度進行設定 ,使其擺脫塌陷。
-
可以給父元素設定 overflow :auto 進行修改,擺脫塌陷問題。
3) 還可以通過下方的方法去除塌陷。
相關文章
- CSS佈局 --- 居中佈局CSS
- CSS 佈局之水平居中佈局CSS
- CSS佈局之三欄佈局CSS
- CSS佈局 --- 自適應佈局CSS
- CSS佈局 --- 等寬&等高佈局CSS
- CSS佈局CSS
- 【css】佈局CSS
- css 佈局CSS
- css佈局系列1——盒模型佈局CSS模型
- CSS經典佈局——聖盃佈局與雙飛翼佈局CSS
- CSS 兩欄佈局和三欄佈局CSS
- CSS Grid 佈局CSS
- css flex佈局CSSFlex
- CSS 佈局模式CSS模式
- CSS 佈局模型CSS模型
- css佈局方法CSS
- CSS 三欄佈局之聖盃佈局和雙飛翼佈局CSS
- CSS佈局–聖盃佈局和雙飛翼佈局以及使用Flex實現聖盃佈局CSSFlex
- css經典佈局系列一——垂直居中佈局CSS
- css聖盃佈局和雙飛翼佈局CSS
- CSS:三欄佈局之雙飛翼佈局CSS
- css經典佈局系列二——等分等高佈局CSS
- CSS display: flex佈局CSSFlex
- CSS基本佈局——定位CSS
- css居中與佈局CSS
- CSS 傳統佈局CSS
- CSS之居中佈局CSS
- css頁面佈局CSS
- CSS:兩欄佈局CSS
- CSS網格佈局CSS
- css 佈局入門CSS
- CSS-常見兩欄、三欄佈局(雙飛翼佈局、聖盃佈局)CSS
- css經典佈局系列三——三列布局(聖盃佈局、雙飛翼佈局)CSS
- CSS佈局-各種居中CSS
- CSS 來佈局圖片CSS
- 前端css佈局之BFC前端CSS
- CSS佈局-盒子模型CSS模型
- HTML CSS 浮動佈局⑤HTMLCSS