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