最新文章专题视频专题问答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
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 15:46:18
文档

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

关于背景色显示问题_html/css_WEB-ITnose:在两个嵌套的类样式中,父样式定义了背景色,当子样式中定义了float:属性时,父样式的背景色显示不出,而取消子样式中的float:属性时就可以显示父样式定义的背景色。 比如: aaaa 其中#ys1为定义了背景色的父样式。#ys2为定义了float:属
推荐度:
导读关于背景色显示问题_html/css_WEB-ITnose:在两个嵌套的类样式中,父样式定义了背景色,当子样式中定义了float:属性时,父样式的背景色显示不出,而取消子样式中的float:属性时就可以显示父样式定义的背景色。 比如: aaaa 其中#ys1为定义了背景色的父样式。#ys2为定义了float:属


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


aaaa


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


回复讨论(解决方案)

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

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

为什么会出现这种现象?

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

查阅 清浮动

文档

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

关于背景色显示问题_html/css_WEB-ITnose:在两个嵌套的类样式中,父样式定义了背景色,当子样式中定义了float:属性时,父样式的背景色显示不出,而取消子样式中的float:属性时就可以显示父样式定义的背景色。 比如: aaaa 其中#ys1为定义了背景色的父样式。#ys2为定义了float:属
推荐度:
标签: 背景 显示 颜色
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top