Question

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

 <div id="container">       <div id="header" >      <div class="usrbar" monkey="cool">       <div class="usrbar_bg"></div>       <div class="center clearfix">           <div class="forecaset" id="Forecast"></div>                    <div class="tool_box">内容部分</div></div>请教，请问容器层里头那些无任何内容的div并且添加了样式，有什么作用，我经常看到用作菜单的层都会加上他。咋样让li横向浮动，并且有适当间距？

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

那些空的容器可能会在后期用JS什么的动态填充内容

给li加上float:left就可以了，间距就用margin

Answer 5

无内容的div 比如<div class="clear"></div>

<style>.clear{clear:both;}</style>
作用：清除当前定义的元素左右浮动 诸如： clear:left; //清除左浮动 clear:right; //清除右浮动 clear:both; //清除左右两边浮动

li 的横向浮动： ul li{float:left;}