一道网页重构工程师的面试题

Question

今天去面试某公司的网页重构工程师，碰到这样一道题。两个Div并排显示，左侧宽高不定，右侧自适应剩余屏幕宽高，要求兼容到IE6，不能用JS。当时脑中一下子就想到用flex，可是兼容性不好。请问一下各位大神，这道题怎么破？跪谢。

Answer 1

html<div class="left">
    <h1>left</h1>
</div>
<div class="right">
    <h1>right</h1>
</div>

css.left {
    float: left;
    margin-right: 10px;
    border: 2px solid orange;
}
.right {
    overflow: hidden;
    background: #eee;
}

兼容到IE6，肯定是要去掉3px bug了。我就不写了。

Answer 2

听哥一句劝 别去 另外 试试圣杯布局
http://my.oschina.net/jsan/blog/368564