<title>浮动模型</title>
<style type="text/css">
div{
width:200px;
height:200px;
border:2px red solid;
float:left;
}
</style>
</head>
<body>
<div id="div1">栏目1</div>
<div id="div2">栏目2</div>
</body>
</html>
这个应该是靠左并排显示吧,并列??
宽度设置一下,调小就OK
右上角全屏显示看效果
并列了,只不过右边那个代码实时显示的地方太小了(你拉宽一下就可以看见了,或者把代码弄到记事本中然后另存为html文件,再浏览器打开看看),所以没有正常显示出来
<title>浮动模型</title>
<style type="text/css">
div{
width:150px;
height:200px;
border:2px red solid;
float:left;
}
</style>
</head>
<body>
<div id="div1">栏目1</div>
<div id="div2">栏目2</div>
</body>
</html>
宽度太大了 width:150px