css float 浮动属性使用方法和实例讲解

<code class="language-css">float : none | left |right</code>

<code class="language-css">div{float:left} /* css注释：设置div对象浮动靠左（left） */ 

div{float:right} /* css注释：设置div对象浮动靠右(right) */ </code>

<code class="language-html">


<style>
ul{float:left;width:100%;padding:0;margin:0;list-style-type:none;}
a{float:left;width:6em;text-decoration:none;color:white;background-color:purple;padding:0.2em 0.6em;border-right:1px solid white;
}
a:hover {background-color:#ff3300;}
li {display:inline;}
</style>


<ul>
<li><a href="#">Link one</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
</ul>

</code>