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

html-css08

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。

既然是li浮动了,那就给li清浮动就行了,而这个清浮动的时候,是在他们浮动完之后,开始清浮动的。你可以直接在html里面li的下面写一个清浮动的div。既:<div style="clear:both"></div>

活用CSS选择器。

ul>li (只选择ul的所有直属子元素li)

或者 子元素{float:none}

没有浮动效果这样就够了

你可以通过其他的定位方式隐性处理掉浮动,例如position:absoluteright:0px能实现右浮动的效果,但是父级一定要有position:relative的属性

这是根据目前我对你问题的理解回答出的答案,你没有给出需求的图片或者源代码,可能回答内容不准确。

另外,元素是默认从左侧开始生成的,想让它居中显示或者居右你得特殊设置。

相关知识可以在w3school找到,自己去百度吧,不贴链接防和谐