css中怎么实现左浮动-创新互联

css中怎么实现左浮动,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

目前创新互联已为成百上千的企业提供了网站建设、域名、网页空间、网站托管维护、企业网站设计、寻甸网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

css float属性

float 属性指定一个盒子(元素)是否应该浮动,在哪个方向浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。

注意: 绝对定位的元素忽略float属性!

语法:

float: left|right|none|inherit;

属性值

left:元素向左浮动。

right:元素向右浮动。

none:默认值。元素不浮动,并会显示在其在文本中出现的位置。

inherit:规定应该从父元素继承 float 属性的值。

示例:设置元素左浮动,创建一个水平菜单

 
  • Link one
  • Link two
  • Link three
  • Link four

上面的示例中,我们让ul元素和元素左浮动。li元素将显示为内联元素(没有换行符的元素之前或之后),这迫使列表为一行。


ul元素的宽度的100%,每一个超链接列表的宽度6 em(当前字体大小的6倍)。我们还添加一些颜色和边界使其更高档。

关于css中怎么实现左浮动问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注创新互联行业资讯频道了解更多相关知识。


名称栏目:css中怎么实现左浮动-创新互联
文章来源:http://scyanting.com/article/ddddcj.html