第一种方式：在css样式中添加这个，意思是让浏览器的所有滚动条消失在webkit内核的浏览器里可以定义滚动条样式。 在CSS初始处定义 ::-webkit-scrollbar{ display:none; }第二种方法：在其他浏览器里可以设置父容器宽度为100%，子容器宽度为100%+18px 这样滚动条处于视窗可视范围外，算是个投机取巧的办法。转自知乎大神@王潇

http://blog.youkuaiyun.com/big_bigwolf/article/details/51898079

首先CSS 选择器分这么几大类：基础选择器、关系选择器、属性选择器、伪类选择器、伪对象选择器。关系选择器1.包含选择符(E F) 选择所有被E 元素包含的F 元素，中间用空格隔开ul li{ color:red; } 1.子选择符(E > F) 选择所有作为E 元素的直接子元素F，对更深一层的元素不起作用，用大于号表示。 2.相邻选择符(E+F) 选择紧贴在E 元素之后F 元素，用加号表示

所谓css 的继承是指被包在内部的标签将拥有外部标签的样式性质。继承是一种机制，它允许样式不仅可以应用于某个特定的元素，还可以应用 于它的后代。例如一个body 定义了颜色值也会应用到段落的文本中。 继承的局限性在css 中，继承是非常自然的行为，但是继承也有局限性。有些属性是不能继承的，比如border 属性用来设置边框，它就没有继承性。padding 和margin 也不能继承。能被继承

1.边框加圆角border-radius: 4px;2.鼠标放上去变成手的形状cursor: pointer常见的一些样式color:red; 字体颜色 font-family:arial; 字体样式 text-align:center; 文字内容居中显示，它有其它可选值left、right background-color:red 背景色 border:1px solid green; 为元素添加

参考链接 http://ju.outofmemory.cn/entry/201452 阮一峰大神 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 首先设置父容器为flex 然后 你想改变子模块的位置这样设置 控制方向 flex-direction 控制方向，不管你里面的模块是块级还是行内，都无所谓， ======