1、新建html文件。
2、创建两个div，并赋予id。
3、为两个div设置宽高和背景，并设置左右浮动。
4、预览效果如图。
5、创建第三个div。
6、为第三个div设置宽高和背景。
7、预览效果如图。
注意事项：
随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能。但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越来越臃肿。于是CSS便诞生了。
.hc_hot ul li:hover {margin-left: -10px
}
鼠标移上.hc_hot ul li对应的元素后，触发hover状态，应用上面这条css，左边距变为-10px，达到向左移动的目的
![R语言中括号[1]与双中括号[[1]]的差异?](/aiimages/R%E8%AF%AD%E8%A8%80%E4%B8%AD%E6%8B%AC%E5%8F%B7%5B1%5D%E4%B8%8E%E5%8F%8C%E4%B8%AD%E6%8B%AC%E5%8F%B7%5B%5B1%5D%5D%E7%9A%84%E5%B7%AE%E5%BC%82%3F.png)
