css设置层级为2

html-css078

css设置层级为2,第1张

css设置层级为2可用z-index：2。在css中，利用z-index属性来设置层级，z-index属性设置元素的堆叠顺序，拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

1.设置float属性

将块级元素的css格式设置为float：left/right，比如，有两个panel，panelA和panelB，想要使其位于同一行，只需要设置A的css格式为float：left/right即可。

注意：只是设置A的float属性哦，若设置了B的float属性，则B后面的元素也会与其位于同一行。若使用该方法，则两个块级元素紧挨着。

2.设置display

display为inline-block，即编写css代码为display:inline-block.使用该方法，两个块级元素中间有一定间隔。

注意，该方法与上一方法相同，仍然需要设置A的display属性，而非B的属性。

准确的说，应该是，#menu才是div的样式，#menu ul和#menu ul li，是子级样式，之所有这样写，是为了说明他们之间的关系，就是说，#menu ul { list-style: nonemargin: 0pxpadding: 0px}这个样式是强调在menu控制下的div里面的ul的属性，而不是其他的div里ul的属性，li的样式解释和ul同理。