亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

css布局問題‘假設div1,div2,div3,其中div3里包含一個p標簽

css布局問題‘假設div1,div2,div3,其中div3里包含一個p標簽

犯罪嫌疑人X 2018-07-03 09:09:06
假設div1,div2,div3,其中div3里包含一個p標簽,我使得div1,div2 向左浮動,div3只設置顏色和大小,照理說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貢獻1806條經驗 獲得超8個贊

是因為在設置元素浮動時,設置浮動后,會影響緊鄰它后面的那一個元素!
塊級元素(h1,h2..div,ul...)是縱向排列,行級元素(span,b,a.....)都是橫向排列,float屬性能夠使縱向排列的塊級元素橫向排列。但是同時 可能會影響 設置float屬性的元素下一個元素的位置,這時只要在對下一個CSS設置clear:both或者overflow:hidden。就可以消除這種影響。

查看完整回答
反對 回復 2018-08-04
  • 1 回答
  • 0 關注
  • 1276 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號