![DIV下面子元素的颜色被页面背景颜色覆盖问题|css?,第1张 DIV下面子元素的颜色被页面背景颜色覆盖问题|css?,第1张](/aiimages/DIV%E4%B8%8B%E9%9D%A2%E5%AD%90%E5%85%83%E7%B4%A0%E7%9A%84%E9%A2%9C%E8%89%B2%E8%A2%AB%E9%A1%B5%E9%9D%A2%E8%83%8C%E6%99%AF%E9%A2%9C%E8%89%B2%E8%A6%86%E7%9B%96%E9%97%AE%E9%A2%98%7Ccss%EF%BC%9F.png)
问题详述: 当设置块级元素div颜色为粉色,页面背景颜色为白色时,div子元素比如<p>段落内容在浏览器界面没有显示出父元素div的粉色,而显现出了页面背景的白色。(如图1) 事发现场: <!doctype html> <html lang="zh-cn"> <head> <title>颜色覆盖问题还原</title> <meta charset="utf-8"> <style> *{ background-color:white } div{ background-color:pink } </style> </head> <body> <div>天呐我是一整段 <p>我是一段话</p> <p>我是一段话</p> <p>我是一段话</p> <p>我是一段话</p> </div> </body> </html> 问题解决方法: 简单 (:зゝ∠)把*{}改成body{},还我粉色世界! 问题参考链接: 和我的问题一样 http://bbs.51cto.com/thread-1151863-1-1.html这个问题更深一点 http://bbs.csdn.net/topics/380241918是不是很简单,是不是很炫酷,是不是觉得自己傻缺的可爱......
不是。
元素设置为flex弹性布局,它所有的子元素都成为它特有的成员,有自己的排列方式如图,不是行内块元素。如果是行内块元素,元素之间会产生一定的间隙。