我目前正在使用我实际上非常基本的CSS运行。
我正在为邮件客户端编写前端,并获得了一个包含边栏和“ innerContainer”的主(正文)容器,该容器应填充边栏后的剩余空间。

重要的HTML:

    <div id="outerContainer">
        <div id="sideBar">
        </div>
        <div id="innerContainer">
            <!-- not important ;D -->
        </div>
    </div>


重要的CSS:

#sideBar {
    margin: 4px 2px 4px 4px;
    height: 644px;
    width: 14%;
    min-width: 220px;
    border-radius: 4px;
    background-color: #fff;
    float: left;
}

#innerContainer {
    margin: 4px 4px 4px 2px;
    height: 644px;
    border-radius: 4px;
    background-color: #fff;
    float: right;
}


我目前正在尝试通过不使用#innerContainer规则中的任何宽度属性来让客户端确定完美宽度。使用它,它只是0px,即使边距在两个元素之间都留有4px的空间。
将屏幕分辨率更改为任何宽屏时,使用固定宽度(或百分比)会使它看起来很恐怖。

我将不胜感激任何提示,随时请求更多代码,屏幕截图或类似内容。
提前致谢!

编辑:JSFiddle

最佳答案

#sideBar {
  float:left;
}
#innerContainer {
  display:table-cell;
  zoom:1;/*for IE*/
}


检查一下-http://jsfiddle.net/fRBWe/11/

10-05 20:38
查看更多