首页新闻招聘找找看知识库

CSS 元素使用position:absolute/fixed 或者float时候,background-color的作用范围变化。

0
[待解决问题]

没启用上述浮动或者定位的时候,作用范围是整个行。

 

启用了之后就变的很小了,有合理的解释吗?

cxu2003的主页 cxu2003 | 菜鸟二级 | 园豆:204
提问于:2017-10-12 17:31
< >
分享
所有回答(2)
0

..因为  浮动 定位 都会造成 div 脱离tree, 这样就不会继承宽高,换句话说, 如果这个element本身没有宽高的话  那么。 这个element就不会显现  
background-color的效果是将这个element显示的区域(宽*高)变成这个颜色  

这个时候 你连宽高都没有了  显示区域不存在, 当然 颜色区域就变化了。

 

以上如果都没听明白的话 我就用很直白的话来说

被定位(浮动也是定位)的div 你需要指定给他宽高 这样的话 和他原本没有定位之前默认的宽100%会变化 那么显示的范围也就跟着变化, 背景颜色填充也就跟着变化了!~~~

 

要是还不明白。

简单来说  就是这个背景颜色的div因为浮动都变化了  当然颜色区域都变化了

blurs | 园豆:230 (菜鸟二级) | 2017-10-12 17:46

感谢,已经将的很清楚了。

cxu2003 | 园豆:204 (菜鸟二级) | 2017-10-12 18:02
0

问题的本质在于,绝对、固定定位或者浮动后,块的宽度、高度发生了变化,而背景总是覆盖宽度高度所定义的区域的。

西漠以西 | 园豆:509 (小虾三级) | 2017-10-12 17:47

厉害厉害  居然能把话说得怎么清楚!~~~~ 

blurs | 园豆:230 (菜鸟二级) | 2017-10-12 17:51

@blurs: 你的更详细,更容易让人理解啊。

西漠以西 | 园豆:509 (小虾三级) | 2017-10-12 17:53

感谢兄弟的总结。

cxu2003 | 园豆:204 (菜鸟二级) | 2017-10-12 18:02
   您需要登录以后才能回答,未注册用户请先注册