假設(shè)div1,div2,div3,其中div3里包含一個p標(biāo)簽,我使得div1,div2 向左浮動,div3只設(shè)置顏色和大小,照理說div3包括其中的p會往上排,被div1/2覆蓋住。為什么只移動了div3這個方塊,而文字沒有移動。并且div3的高度也被拉長了。<div class="1"></div><div class="2"></div><div class="3"><p>hello</P></div>---------------------------------------------------------------------------css.1{width:100px;height:100px;background-color:#eded4;float:left;}.2{width:100px;height:100px;background-color:#f8ed4;float:left;}.3{width:100px;height:100px;background-color:#eded4;}
1 回答

慕森卡
TA貢獻(xiàn)1806條經(jīng)驗 獲得超8個贊
是因為在設(shè)置元素浮動時,設(shè)置浮動后,會影響緊鄰它后面的那一個元素!
塊級元素(h1,h2..div,ul...)是縱向排列,行級元素(span,b,a.....)都是橫向排列,float屬性能夠使縱向排列的塊級元素橫向排列。但是同時 可能會影響 設(shè)置float屬性的元素下一個元素的位置,這時只要在對下一個CSS設(shè)置clear:both或者overflow:hidden。就可以消除這種影響。
添加回答
舉報
0/150
提交
取消