与表我可以轻松地有一列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。
