首页 > web前端 > html教程 > 关于背景色显示问题_html/css_WEB-ITnose

关于背景色显示问题_html/css_WEB-ITnose

WBOY
发布: 2016-06-24 12:19:24
原创
1225 人浏览过

在两个嵌套的类样式中,父样式定义了背景色,当子样式中定义了float:属性时,父样式的背景色显示不出,而取消子样式中的float:属性时就可以显示父样式定义的背景色。
比如:



aaaa


其中#ys1为定义了背景色的父样式。#ys2为定义了float:属性的子样式。
有什么办法在不取消#ys2的float:属性的情况下显示#ys1的背景色?

回复讨论(解决方案)

找到解决方式:当使用一个clear: both;属性的样式放在#ys2样式之后就能实现显示背景色。

你给父层 一个 float 或者 overflow:hidden 一样有效果的

为什么会出现这种现象?

为什么会出现这种现象?
因为当子样式中定义了float:属性时,这个子元素就不是常规文档流的一部分,
使得父元素不能在高度上包裹住子元素,父元素的高度变小或变为0,
当父元素的高度变为0时,当然就看不到父元素的背景色了,
你给父元素加一个边框样式 border:1px solid,
就能够看到父元素没有了高度变成一条线了

查阅 清浮动

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板