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

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

查看更多 下一篇