日期:2014-05-18  浏览次数:20433 次

<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浮动布局有何意义???