DIV下面子元素的颜色被页面背景颜色覆盖问题|css？

html-css061

DIV下面子元素的颜色被页面背景颜色覆盖问题|css？,第1张

问题详述： 当设置块级元素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弹性布局，它所有的子元素都成为它特有的成员，有自己的排列方式如图，不是行内块元素。如果是行内块元素，元素之间会产生一定的间隙。