CSS中li设置左浮动后,li下面的a如何控制位置?

html-css012

CSS中li设置左浮动后,li下面的a如何控制位置?,第1张

CSS中li设置左浮动后,li下面的a控制位置方式为:

li a{margin-left:20pxmargin-top:12pxdisplay:blockwidth:20px}

详情:

a标签写样式时要加display:block属性,

这样a标签就显示一行了。

一个li下面有多个a标签的话,就得给他们定宽度,

必要的情况下就float:left。

div a是相对定位的元素。margin,padding,width,height,不一样你看的出来,word-warp是单词强制换行的,是针对长英文单词的,汉字不需要。

z-index:是控制层级的,如果li a 和 div a同时在左上方显示,那么div a会把li a盖掉一部分,z-index:数值越大层级越高,那么如果是两张纸摞在一起,上面你看到的纸,你就可以理解为z-index的数值大,所以在上面。