1.div与table的区别: 都是一样的表格,容器效果,但用div进行页面设计更灵活,可以任意调节大小和移动. 2.它是块标签,会自占一行,而行标签就不会自占一行,如 3.div的移动(浮动) float:left; float:right; 1,浮动可以理解为一个div进入了一个新的空间,但下一个div会挤到上个div的空间,由于自占一行. 2,如果有两个设置好背景颜色,长和宽的div都float:left; 两个会到一行. 3,清除浮动:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .a{ width: 400px; height: 400px; background-color: pink; float: left; } #a{ clear: both; }/*清除*/ .b{ width: 400px; height: 400px; background-color: cornflowerblue; } </style> </head> <body> <div class="a">div1</div> <div id="a"></div> <div class="b">div2<div> </body> </html>