div设置float换行

<s:iterator id="noSelList" value="noSelSysRoleList" status="status">
              <DIV style="text-align: left;float: left;margin:2px 10px 0 10px;width: 150px;color:#3A478F;">
                    <input type="radio" value="<s:property value='#noSelList.id'/>" name="selSysRoleIds"/><s:property value="#noSelList.roleName"/>
              </DIV>
              <s:if test="(#status.index+1)%4==0">
                         <br/><!-- 这边用于转行-->
              </s:if>
 </s:iterator>

 

代码意思是当有4个单选框就换行，在goole浏览器换行是有效的

但在IE中就不起作用，默认接在上一行的后面，直到转行。

如何才能转行，其实很简加一个空的div标签

 <div style="clear:both"></div>

作用是：清除同行元素，不允许其它元素与之在一行内。

转载于:https://www.cnblogs.com/wuxiaojuan/p/9076999.html