两列布局---左侧自适应,右侧固定

方法一:

JS Bin - 锐客网 .wrapper { /* width: 500px; */ border: 1px solid green; display: table; } .left { display: table-cell; background: #000; width: 5000px } .right { float: right; width: 100px; }left right

方法2:flex布局
【两列布局---左侧自适应,右侧固定】方法3:把right写在left前面,让right右浮动;
http://jsbin.com/bovakuduxi/edit?html,css,output

    推荐阅读