第一种方法，定位法：container {position:relative;width:800px} container #leftDiv{position:absolute;width:200px;left:0;top:0} container #rightDiv{positon:absolute;width:600px;left:200px;top:0} 第二种，对#container用display：inline-block。另外就是浮动的元素不能设置padding和margin两个...
一段divcss代码， 让页面中的两个div左右排列
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
#rightDiv {
background-color: #FFCC00;
height: 500px;
width: 600px;
position: absolute;
top: 0px;
left: 200px;
}
#leftDiv {
background-color: #00CC00;
height: 500px;
width: 200px;
position: absolute;
left: 0px;
top: 0px;
}
-->
</style>
</head>
<body>
<div id="leftDiv">此处显示 id "leftDiv" 的内容</div>
<div id="rightDiv">此处显示 id "rightDiv" 的内容</div>
</body>
</html>2010-02-01
第一种方法，定位法：
#container {position:relative;width:800px}
#container #leftDiv{position:absolute;width:200px;left:0;top:0}
#container #rightDiv{positon:absolute;width:600px;left:200px;top:0}
第二种，对#container用display：inline-block。
另外就是浮动的元素不能设置padding和margin两个属性，否则IE6下边距加倍，会导致问题，建议在left和right两个容器中加内容器2010-01-26
用定位的方法就行 ：给<div id="container">一个position:absolute;绝对定位;然后分别给<div id="leftDiv"></div> 和<div id="rightDiv"></div>一个相对定位position:relative;2010-01-26
利用css绝对定位和相对定位
在 container 中加入 position:relative;
在 leftDiv 中加入 position:absolute;left:0;top:0;
在 rightDiv中加入 position:absolute;left:200px;top:0;2010-01-26
试试用AP div，比较方便 ，还可以拖来拖去2010-02-02
#container div{display:inline-block}
试试吧。2010-01-25
