DIV+CSS布局，ul中li的浮动问题以及无内容的DIV层作用。

DIV+CSS布局，ul中li的浮动问题以及无内容的DIV层作用。

空的div常用于清除浮动，例如：

ul里的li标签浮动有两种方式解决因浮动而产生的问题
第一种：设置ul的高度和宽度
第二种：在li标签结尾追加使用内容为空的元素，并对内容为空的这个元素设置样式 clear:both;

那些空的容器可能会在后期用JS什么的动态填充内容
给li加上float:left就可以了，间距就用margin

无内容的DIV添加样式主要是为了整体的布局，使内容有容器可以放置。
li横向浮动可以是有float:left或float:right,间距根据自己需要使用padding或margin来进行调节。

无内容的div 比如

作用：清除当前定义的元素左右浮动 诸如： clear:left; //清除左浮动 clear:right; //清除右浮动 clear:both; //清除左右两边浮动
li 的横向浮动： ul li{float:left;}

大的层里面包含小的层和其他元素，每个控制的样式不一样，作用的部分也不一样；都写在css样式表中；li横向浮动，加上float=left或者float=right；