Question

很多个div，要求鼠标移到某个div上面时其背景色改变。

Answer 1

1、作为外部容器的边框为红色的DIV，没有被撑开。这是因为内部的DIV因为float:left之后，就丢失了clear:both和display:block的样式，所以外部的DIV不会被撑开。

2、在容器DIV内要显示出来的float:left的所有的DIV之后，我们添加了这样的一个DIV：<div style="clear:both"></div>  。

3、在用dojo做Drag & Drop的时候，由于这个DIV是容器DIV的一个字节点，如果这个节点被移动，则会造成排版上的Bug。

4、要显示的蓝框的DIV被移到这个DIV之后，则因为clear:both，它会被强制换一行显示。

5、修改原来的HTML代码，让外部的容器DIV来使用这个CSS。

Answer 2

<style>
.box div {width:100px; height:30px; text-align:center; line-height:30px; border:1px solid #ddd}
.box div:hover {background:red; color:white}
</style>
<div class="box">
<div>1</div>
<div>2</div>
<div>3</div>
</div>