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横向浮动,并且有适当间距?

大的层里面包含小的层和其他元素,每个控制的样式不一样,作用的部分也不一样;都写在css样式表中;li横向浮动,加上float=left或者float=right;
温馨提示:内容为网友见解,仅供参考
第1个回答  2012-07-13
无内容的DIV添加样式主要是为了整体的布局,使内容有容器可以放置。
li横向浮动可以是有float:left或float:right,间距根据自己需要使用padding或margin来进行调节。
第2个回答  推荐于2018-03-29
空的div常用于清除浮动,例如:
<div style="clear:both;"></div>
ul里的li标签浮动有两种方式解决因浮动而产生的问题
第一种:设置ul的高度和宽度
第二种:在li标签结尾追加使用内容为空的元素,并对内容为空的这个元素设置样式 clear:both;本回答被网友采纳
第3个回答  2012-07-11
那些空的容器可能会在后期用JS什么的动态填充内容

给li加上float:left就可以了,间距就用margin
第4个回答  2012-07-16
无内容的div 比如<div class="clear"></div>

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

li 的横向浮动: ul li{float:left;}
相似回答