第二个div块后的p元素块 位置问题
第二个div 设置为右浮动 可是紧邻其后的p块 是紧挨着第一个div块的右边啊
第二个div 设置为右浮动 可是紧邻其后的p块 是紧挨着第一个div块的右边啊
2015-04-14
正常的如果那个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>
举报