css中的堆叠上下文

堆叠顺序如果是兄弟元素重叠,那么后面的会盖在前面的身上。上图是用一个background:black ;border: red;的父元素div来演示的,且这个父元素没有触发堆叠上下文属性。堆叠上下文堆叠上下文相当于单独成立一个部门,比如,我让一个div触发了堆叠上下文的属性,那么他和他的子元素就独立出来了(子元素最低就是z-index为负),这个div在堆叠顺序中的地位决定了他的手下的地位,他的手

- 阅读全文 -

CSS中的宽度与高度

文档流(Normal flow)内联元素是默认从左往右排列的,如果内联元素足够多,它就会默认换行。但是如果有一个内联元素是个特别长的单词的话,它是不会被分开得存在于这个文档流的。因为英语中认为连在一起的会是一个单词,不可分割。除非你使用连字符-或者加上word-break: break-all属性。块级元素从上往下排列。div里面是内联元素的高度如果在div里面写一个数字1,那么这个div的高度是

- 阅读全文 -

CSS中空格的问题

.topNavBar .submenu.active{ display: block; } /*选择类名为active的submenu,对其添加此样式*/ .topNavBar .submenu .active{ display: block; } /*对submenu下面的类名为active的元素,对其添加此样式*/

- 阅读全文 -