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

為了賬號安全,請及時綁定郵箱和手機立即綁定

為什么box2后面的2個<p>標簽都受影響了

<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html?xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"?/>
<title>無標題文檔</title>
<style?type="text/css">
.box1{height:50px;background:red;float:left;}
.box2{height:50px;background:blue;float:left;}
.fclear{clear:both;}/*width:100%;overflow:hidden;*/
</style>
</head>

<body>
<p>盒子1盒子1</p>
<div?class="box1">盒子1盒子1</div>
<div?class="box2">盒子1盒子1</div>
<p>盒子1盒子1</p>
<p>盒子1盒子1</p>

</body>
</html>


正在回答

2 回答

不是受影響,是float的特性,你前面的div用了float,后面跟著的元素就會在有空位的時候自動跟上去,這個時候就要清除浮動,在div后面跟上一句<div style="clear:both"></div>,其后面的元素才能正常布局

0 回復 有任何疑惑可以回復我~
#1

思K 提問者

非常感謝!
2015-06-17 回復 有任何疑惑可以回復我~

很正常啊,受什么影響?

0 回復 有任何疑惑可以回復我~
#1

思K 提問者

box2的浮動不是只是后面的一個<p>受影響嗎,怎么2個了
2015-06-16 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
網頁布局基礎
  • 參與學習       214663    人
  • 解答問題       1833    個

讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識

進入課程

為什么box2后面的2個<p>標簽都受影響了

我要回答 關注問題
微信客服

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

幫助反饋 APP下載

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

公眾號

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