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

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

求解一個CSS的浮動問題

求解一個CSS的浮動問題

fruitchan 2015-03-31 11:41:07
<!DOCTYPE?html> <html> <head> <meta?charset="UTF-8"> <title>Document</title> <style> .box?{width:?200px;height:?200px;border:?solid?1px?red;} .l?{float:?left;} p{background:?#73bcba;margin:?0;padding:0;} </style> </head> <body> <div?class="box?l"></div> <div?class="box"><p>123</p></div> </body> </html>為什么在第一個div浮動之后,P的高度會增加而不是保持在原來相對第二個的位置?不是很理解~求指點
查看完整描述

3 回答

已采納
?
uhelper_net

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

在現代瀏覽器和IE8+下,該元素會忽視浮動元素的而占據它的位置,并且元素會處在浮動元素的下層(并且無法通過z-index屬性改變他們的層疊位置),但它的內部文字和其他行內元素都會環繞浮動元素。


查看完整回答
反對 回復 2015-04-14
?
赫茲1719

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

通常不要這樣寫代碼,<p>在浮動布局中很容易帶來一些問題

查看完整回答
反對 回復 2015-03-31
  • fruitchan
    fruitchan
    感謝回答,我知道代碼不會這樣寫,但是就是想弄清楚為什么會這樣。
  • 赫茲1719
    赫茲1719
    這里確實,折騰了半天,我也沒弄明白
?
赫茲1719

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

這個應該是<p>元素是行內元素的緣故

查看完整回答
反對 回復 2015-03-31
  • 3 回答
  • 0 關注
  • 1617 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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