CSS:ul中的li是浮动的，那我想清除浮动该怎么实现呢？

html-css08

CSS:ul中的li是浮动的，那我想清除浮动该怎么实现呢？,第1张

既然是li浮动了，那就给li清浮动就行了，而这个清浮动的时候，是在他们浮动完之后，开始清浮动的。你可以直接在html里面li的下面写一个清浮动的div。既：<div style="clear:both"></div>

ul{margin:0pxpadding:0px}

或者直接

*{margin:0px padding:0px}

然后再单独每一个标签去调节自己想要的间距。

php是后台语言，一般不用作前台样式的chuli，javascript或者CSS删除ul中最后一个li的border-bottom样式的方法如下：

javascript：obj.style.borderBottom = "none"

jquery：$("ul#test li:last-child").css("border-bottom","none")

css：ul#test li:last-child{border-bottom: none}

jquery和css的方法比较简洁，下面实例演示javascript设置方法：

1、HTML结构

<ul id="test">

<li>Glen</li>

<li>Tane</li>

<li>John</li>

<li>Ralph</li>

</ul>

2、javascript代码

window.onload = function(){

var li = document.getElementById("test").getElementsByTagName("li")

li[li.length-1].style.borderBottom = "none"

}

3、效果演示