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

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

關于css浮動的一點問題,求大神解答

關于css浮動的一點問題,求大神解答

小熊熊HELLO 2018-01-21 00:47:57
為什么這樣的效果是two在three上面。(代碼以及效果圖如下)<style> ????????#two{ ????????????background-color:?blueviolet; ????????????height:?350px; ????????????width:?350px; ????????????float:?left; ????????} ????????#three{ ????????????background-color:?chocolate; ????????????height:?500px; ????????????width:?550px; ????????} ????</style> </head> <body> ?????<div?id="two"?align="center">2</div> ?????<div?id?="three"?align="center">3</div> </body>而這么寫把three換成文字就變成了圍繞效果?不應該是div擋住了一部分文字嗎?(代碼及效果如下)<head> ????<meta?charset="UTF-8"> ????<title>Title</title> ????<style> ????????#two?{ ????????????background-color:?blueviolet; ????????????height:?350px; ????????????width:?350px; ????????????float:?left; ????????} ????</style> </head> <body> ?????<div?id="two"?align="center">2</div> ?????<p>關于css浮動的一點問題,求大神解答關于css浮動的一點問題,求大神解答關于css浮動的一點問題, ?????????求大神解答關于css浮動的一點問題,求大神解答關于css浮動的一點問題,求大神解答關于css浮動的一點問題, ?????????求大神解答關于css浮動的一點問題,求大神解答關于css浮動的一點問題,求大神解答關于css浮動的一點問題,求大神解答關于css浮動的一點問題, ?????????求大神解答關于css浮動的一點問題,求大神解答關于css浮動的一點問題,求大神解答關于css浮動的一點問題,求大神解答</p> </body>很郁悶,想不通,求大佬們看見解答下。
查看完整描述

3 回答

?
Imunique

TA貢獻6條經驗 獲得超3個贊

我覺得沒什么郁悶的,首先你的第一個問題,如果你沒有設置浮動模型,HTML就會從上往下地將div排過去,而設置了浮動模型,那么你的這個div就脫離了文檔流,這個div所在空間就可以為其他div所用,就相當于浮動起來了,自然你的two就在three上面了。第二個問題,你之前的id=three的div改成了P標簽,它已經不是一個div了,所以它默認地就布局在可用的空間了呀,不會被前一個div所覆蓋了,事實上即使div被覆蓋了它里面的文字只要沒有設置布局也不會被覆蓋,它會默認的往其它地方排版,甚至超出div。

查看完整回答
1 反對 回復 2018-01-21
?
慕田峪8701529

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

float不算完全脫離文檔流,所以雖然被浮動元素不占據原來位置,但對于文字的話,還是會有影響,如果你把那個two的盒子設為絕對定位,就完全脫離文檔流了,這時候就擋住了一部分文字。

查看完整回答
反對 回復 2018-01-22
?
灰灰灰灰灰灰灰

TA貢獻16條經驗 獲得超9個贊

浮動脫離文檔流,所以就不會占用原來的位置,然后后面的內容補上。可以看成他飄在上面。沒有體積

查看完整回答
反對 回復 2018-01-21
  • 小熊熊HELLO
    小熊熊HELLO
    不占原來的位置不應該是div在文字的上面遮擋住一部分文字嗎?為什么會是環繞效果?
  • 3 回答
  • 0 關注
  • 2167 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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