


各位大神 我想請教一下一個關于解決高度塌陷的問題
1.我沒有設定浮動時 情況如圖1所示
2.當我給紅色方塊設定向左浮動 黑色方塊向右浮動后 黃色方塊(父元素)出現高度塌陷問題 藍色方塊向上移動 紅色方塊和黑色方塊高度之和的距離
3.為了解決高度塌陷問題我給黃色方塊(紅色方塊與黑色方塊的父元素)添加了如下代碼
.c1:after{
content: "";
display: block;
clear: both;
}
4.我希望藍色方塊能回到沒有給紅黑方塊設定浮動的位置,但藍色方塊只向下移動了黑色方塊的高度 請問我要怎么解決
uj5u.com熱心網友回復:
那只有黃色方塊設定固定的高度或者margin-bottomuj5u.com熱心網友回復:
直接給黃色div固定高度不行嗎uj5u.com熱心網友回復:
首先你要了解div是什么元素,塊狀還是行狀,分析兩種元素的特點,是否需要設定固定寬高,是否需要浮動,是否需要使用彈性盒子,而且也要鞏固盒模型,這也涉及到以后布局的規范性,所以,基礎很重要!轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/83058.html
標籤:HTML5
