今天无意中用到了CSS中Float属性，不过现在用的比较少。但是还是要解释下：
定义和用法
float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。
如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。
注释：假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止。
例子：<html>
<head>
<title>jquery和js的区别之分</title>
<style>
#menu{width:500px}
div{padding:0px;margin:10px 0px}
div a{background:#888;float:left}
</style>
</head>
<body>
<div id="menu">
<div class="has_children">
<span>第1章-认识jQuery</span></br>
<a>1.1-JavaScript和JavaScript库</a></br>
<a>1.2-加入Jquery</a></br>
<a>1.3-编写简单的jQuery程序代码</a></br>
<a>1.4-jQuery对象和DOM对象</a></br>
<a>1.5-jQuery开发工具和插件</a></br>
<a>1.6-解决jQuery库和其他库的冲突</a></br>
<a>1.7-jQuery小结</a> </br>
</div>
<div class="has_children">
<span>第2章-jQuery选择器</span></br>
<a>2.1-jQuery选择器是什么?</a></br>
<a>2.2-jQuery选择器的优势</a></br>
<a>2.3-jQuery选择器</a></br>
<a>2.4-应用jQuery改写案例</a></br>
<a>2.5-选择器中的一些注意事项</a></br>
<a>2.6-案例研究——类似淘宝网品牌列表的效果</a></br>
<a>2.7-还有其他的选择器吗?</a></br>
<a>2.8-小结</a></br>
</div>
<div class="has_children">
<span>第3章-jQuery中的DOM操作</span></br>
<a>3.1-DOM操作分类</a></br>
<a>3.2-JQuery中的DOM操作</a></br>
<a>3.3-案例研究———某网站超链接和图片提示效果</a></br>
<a>3.4-小结</a> </br>
</div>
</div>
</body>
</html>
如果float的属性为left会对a标签中的内容生成一个块级，并且在左边，如果为right那么就在右边
扫一扫
2326
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
