Html 在IE6中，如何使用div将整个页面分成两列，左div为静态宽度，右div为弹性宽度？_Html_Css_Internet Explorer_Internet Explorer 6

Html 在IE6中，如何使用div将整个页面分成两列，左div为静态宽度，右div为弹性宽度？

html css internet-explorer

Html 在IE6中，如何使用div将整个页面分成两列，左div为静态宽度，右div为弹性宽度？,html,css,internet-explorer,internet-explorer-6,Html,Css,Internet Explorer,Internet Explorer 6,我不知道我所要求的在IE6中是否可能，但这里是这样的：我正在处理一个页面布局，希望将正文拆分为两个容器div。我想给左div一个200px的固定宽度；同时使右div沿页面宽度具有弹性。右div的左边框必须与左div的右边框接触，以使事情更清楚。我制作了一个图表： JSFIDLE上的示例： HTML: 来源：希望有帮助：）边栏内容这里是在线：使用netrender进行检查： <html> <body> <div id="col_1"

我不知道我所要求的在IE6中是否可能，但这里是这样的：我正在处理一个页面布局，希望将正文拆分为两个容器div。我想给左div一个200px的固定宽度；同时使右div沿页面宽度具有弹性。右div的左边框必须与左div的右边框接触，以使事情更清楚。我制作了一个图表：
JSFIDLE上的示例：

HTML:

来源：

希望有帮助：）


边栏
内容

这里是在线：使用netrender进行检查：

<html>
    <body>
        <div id="col_1">
            <p>column 1</p>
        </div>
        <div id="col_2">
            <p>column 2</p>
        </div>
    </body>
</html>

html, body {
     height:100%;
     margin:0;
     padding:0;
     background-color:#000000;
}
#col_1 {
     height:100%;
     position:absolute;
     top:0px;
     left:0px;
     width:200px;
     padding:10px;
     background-color:#DBDBDB;
}
#col_2 {
     height:100%;
     margin-top:0px;
     margin-right:0px;
     margin-left:220px;
     padding:10px;
     background-color:#FFFFFF;
     overflow:hidden;
}

<html style="height:100%">
<body style="height:100%;margin:0px;">
  <div style="position:absolute;left:0;right:0;z-index:1000;height:100%;width:200px;background-color:red;">
    Sidebar
  </div>
  <div style="height:100%;width:100%;">
    <div style="padding-left:200px;background-color:blue;height:100%">
      Content
    </div>
  </div>

</body>
</html>