将两个div块设置在同一行,代码如下:
<html>
<head>
<style>
#first{
float:left
}
#second{
float:right
}
</style>
<title>test</title>
</head>
<body>
<div id="first">第一个div
<div id="second">第二个div</div>
</body>
</html>
需注意第一个div后不能加</div>,否则显示出错。此种布局常见例子为左边是图片,右边是文字等。