Question

Div怎么换行

<div style="float:left"> 设为首页 </div>
<div style="float:left"> | </div>
<div style="float:left"> 收藏商联 </div>
<div id="kongge">| </div>
<div id="yonghu"> 欢迎你，登录 或 注册 </div>
<div id="fengexian"> | </div>
<div id="yonghuxinxi"> 短信息 </div>
<div id="fengexian"> | </div>
<div id="yonghuxinxi"> 我的订单 </div>
<div id="fengexian"> | </div>
<div id="yonghuxinxi"> 投诉中心 </div>
<div id="fengexian"> | </div>

</div><!--h_bottom end -->
本人菜鸟一个，刚学DIV没多久，求教:怎么用DIV开启新的一行?

Answer 1

1，首先你问的问题有点怪怪的，DIV本身就是一个块，不需要换行，
<div>来换行了</div><div>已经换行了</div>可以用这个代码试试
2，如果说div内换行的话 可以使用<br /> 、<p> 标签；
3，具体表达详细说明，或者有代码参考一下

Answer 2

<div> 第一行 </div>
<div> 第二行 </div>

是这个意思吗？其实div什么样式也不加，就是换行的，不加宽度，就是100%的宽度，外围有多宽，div就有多宽，别加float就好了

追问

上面的代码是一块，然后我想加个hr标签，但标签还是在那一行的后面显示，怎么让hr在新的一行显示？

Answer 3

像是这种情况，你用div写不好，最好用ul写，很清楚，给ul li设置浮动就行了，也不影响div的布局，还有如果div也用浮动了，那么你在下面写div的时候，为了不让浮动影响全部的div你要给下面的div加clear属性。

Answer 4

你想竖着显示?,把你的float:left去掉

追问

把float:left去掉，首页--投诉中心 这些元素就不能在一行中显示了，我意思是 类似于表格的第二行那样，怎么用hr来充当中间的分界线？