当前位置: 代码迷 >> ASP.NET >> <li>里面的<span>float以后就全部跑到<li>外面去了,请教怎么处理
  详细解决方案

<li>里面的<span>float以后就全部跑到<li>外面去了,请教怎么处理

热度:4577   发布时间:2013-02-25 00:00:00.0
<li>里面的<span>float以后就全部跑到<li>外面去了,请问怎么办?
<li>里面的<span>设置float:left以后,这些<span>就全部跑到<li>外面去了,那么我给li设置的border就失去了意义。
求解决方案。
谢谢。
HTML code
<ul>    <li><span>A</span><span>B</span><span>C</span></li></ul>


------解决方案--------------------------------------------------------
li {
float:left;
}
当设置li内的元素float,li本身也得float的。
------解决方案--------------------------------------------------------
li span {
float: right;
}

ul li 
width: 350px;
}
 <li> <span></span></li>

------解决方案--------------------------------------------------------
li 要定宽度
------解决方案--------------------------------------------------------
li要设至少一个宽度或高度,还要加上overflow:hidden,这样里面的元素就不会跑外面去了
------解决方案--------------------------------------------------------
span只是行内元素,又不是块级元素,用float浮动布局有何意义???
  相关解决方案