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

html-css014

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。

左浮动即float:left,使布局元素靠左浮动。右浮动即float:right,使布局元素靠右浮动。在网页布局中结合这两种布局方式可以设计出千变万化的布局形式!只要发散你的思维,开拓你的想象相信定能设计出好的作品!祝你成功!

表示向左浮动,比如多个div在一个页面上,默认情况是:一行一个div,但是只要在div的css中使用float:left,可以使一行有多个div,这样可以把网页划分成很多块,但是使用该属性会影响后面的元素,所有如果后面的div不想再被影响,可以使用clear:both;可以理解为清除float:left和float:right的影响,返回到默认状态。像<ul><li></li></ul>也可以这么使用,做导航菜单基本上有这个元素,使用float:left使其横向显示。