第二個div塊后的p元素塊位置問題

第二個div 設置為右浮動可是緊鄰其后的p塊是緊挨著第一個div塊的右邊啊

weibo_瘦人假嚕嚕_0

2015-04-14

源自：網頁布局基礎 3-1

關注問題我要回答

858

操作

收起

1 回答

qq_Bravo東東_0
2015-06-05

正常的如果那個p是div的話，第一個div會有遮蓋的效果，但是p元素卻是沒有遮蓋。。做了下實驗，還是沒理解，

但是?老師的理論有待商榷……，正常寫效果的話都是用div包起來的，所以還真沒注意p標簽這個問題，有可能是因為行元素的原因，還有我把P里面的內容寫了很多很多，就自動又擠下來了。很是費解……

<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>Document</title>
????<style>
????????#box1{height:?50px;background-color:?red;float:?left;}
????????#box2{height:?100px;background-color:?blue;float:right;}
????????#box3{height:150px;background-color:?black;}
????</style>
</head>
<body>
????<div?id="box1">盒子1</div>
????<div?id="box2">盒子2</div>
????<div?id="box3">盒子3</div>
????<p>fjkdlsjfkjslkjfdlskjdflkjsdklfjsljkdlljkdlsjfkjslkjfdlskjdflkjsdklfjsl</p>
????<p>fjkdlsjfkjslkjfdlskjdflkjsdklfjsljkdlljkdlsjfkjslkjfdlskjdflkjsdklfjsl</p>
</body>
</html>