html+css源码：
<html><head><style type="text/css">img {border:solid 1px green;display:block;}#id1{float:left;}div{border:solid 2px blue;}p{border:solid 1px red;}</style></head><body><div><img src="/i/eg_cute.gif" / alt="CSS浮动为什么不会遮盖同级元素_html/css_WEB-ITnose" ><img id="id1" src="/i/eg_cute.gif" / alt="CSS浮动为什么不会遮盖同级元素_html/css_WEB-ITnose" ><p>this is some text. this is some text. this is some text.this is some text. this is some text. this is some text.</p></div></body></html>
测试地址见W3CSchool，连接：http://www.w3school.com.cn/tiy/t.asp?f=csse_float
好好理解一下吧。再给你一个地址：
http://www.w3school.com.cn/css/css_positioning_floating.asp
会遮盖的浮动不是float，而是position:absolute;这个属性会使元素脱离文档流，相当于悬浮在页面上
试了一下，img就不行，但是你要是单单是div的话，就能出现你说的那个样子，框1遮住框2
试了一下，img就不行，但是你要是单单是div的话，就能出现你说的那个样子，框1遮住框2
我差不多已经弄明白了，对于元素来说，这个是W3Cschool讲的不够明确，具体见我的blog：http://blog.csdn.net/k346k346/article/details/48530467
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
600
收藏
