为什么这两个栏目是竖着显示的,而不是横着显示?
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>浮动模型</title> <style type="text/css"> div{ border:2px red solid; width:200px; height:400px; float:left; } </style> </head> <body> <div id="div1">栏目1</div> <div id="div2">栏目2</div> </body> </html>
代码没有问题,两个DIV是并排一一行显示的,如果显示在一行,考虑两方面的问题,第一你的浏览宽度是否够400px,如果不够,就会显示在两行,第二,缓存问题,清除一下浏览器缓存再试一下