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

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

設置float浮動后的效果為什么會不一樣?DIV設置后重合了,而img設置后并排了。

設置float浮動后的效果為什么會不一樣?DIV設置后重合了,而img設置后并排了。

qq_曉穎曉熊_0 2017-12-21 16:04:43
<style type="text/css">.left{width: 100px;height: 100px;background: blue;float: left;}.right{width:100px;height: 120px;background: green;} </style></head><body ><div class="left"></div> ?<div class="right"></div><img src="22.jpg" width="100px" style="float: left;"><img src="11.jpg" width="100px" ?></body>
查看完整描述

1 回答

?
qq_初晨_3

TA貢獻1條經驗 獲得超0個贊

<div>是塊級標簽,一個<div>默認占一行,第一個div設置float之后,后面的div會往上擠,就當上面的div不存在一樣,這時候,浮動元素后方的div會鉆到浮動元素下面,顯示就是被浮動元素遮擋了,但是第二個div仍然是塊級標簽,占一行。

<img>是行內標簽,設置float之后就像是設置display:inline-block,所以是并排

查看完整回答
反對 回復 2017-12-22
  • 1 回答
  • 0 關注
  • 1577 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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