今天去面试某公司的网页重构工程师,碰到这样一道题。两个Div并排显示,左侧宽高不定,右侧自适应剩余屏幕宽高,要求兼容到IE6,不能用JS。当时脑中一下子就想到用flex,可是兼容性不好。请问一下各位大神,这道题怎么破?跪谢。
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了。我就不写了。
听哥一句劝 别去 另外 试试圣杯布局
http://my.oschina.net/jsan/blog/368564