最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

CSS浮动为什么不会遮盖同级元素_html/css_WEB-ITnose

来源:懂视网 责编:小采 时间:2020-11-27 16:39:17
文档

CSS浮动为什么不会遮盖同级元素_html/css_WEB-ITnose

CSS浮动为什么不会遮盖同级元素_html/css_WEB-ITnose:html+CSS源码: img {border:solid 1px green;display:block;}#id1{float:left;}div{border:solid 2px blue;}p{border:solid 1px red;}This is some text. This is some text. This is some te
推荐度:
导读CSS浮动为什么不会遮盖同级元素_html/css_WEB-ITnose:html+CSS源码: img {border:solid 1px green;display:block;}#id1{float:left;}div{border:solid 2px blue;}p{border:solid 1px red;}This is some text. This is some text. This is some te
html+CSS源码:
 

This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.


效果如下如:


问题:
W3CSchool中讲解CSS定位,浮动那一节中,明确说对框1进行向左浮动时会遮住框2,原因是浮动后,元素脱离了文档流,不占据空间。为什么我对两张图中的之一进行浮动时,不会遮住另一张图呢???浏览器是IE8核心的360浏览器。
我的理解错在了哪里?


回复讨论(解决方案)

测试地址见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


并不是img和div的问题好么,你试验的肯定不对(我估计你设置的是第一个DIV是浮动的,第二个不浮动)。

我差不多已经弄明白了,对于元素来说,这个是W3Cschool讲的不够明确,具体见我的blog:http://blog.csdn.net/k346k346/article/details/48530467

文档

CSS浮动为什么不会遮盖同级元素_html/css_WEB-ITnose

CSS浮动为什么不会遮盖同级元素_html/css_WEB-ITnose:html+CSS源码: img {border:solid 1px green;display:block;}#id1{float:left;}div{border:solid 2px blue;}p{border:solid 1px red;}This is some text. This is some text. This is some te
推荐度:
标签: 不能 元素 遮住
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top