与表我可以轻松地有一列2列，第1列是可变宽度和列2固定宽度(以像素为单位)，列1调整大小以填充可用空间。我正在过渡到css，并想知道如何使用css..s这样做，并确保两个div /列保持在同一行，不要包装。
解决方法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
html,body,div { margin: 0; padding: 0; border: 0 none; }
#left { margin-right: 300px; background: yellow; }
#right { width: 300px; float: right; background: #ccc; }
</style>
</head>
<body>
<div id="wrapper">
<div id="right">Fixed</div>
<div id="left">Variable</div>
</div>
</body>
</html>
它具有300个像素的右列和一个可变的左列。 DOCTYPE正好在那里使得IE的行为减少。建议使用reset CSS。
