目标: 左栏自适应,右栏固定宽度。
本来一直思考怎么用浮动做好两栏,结果做完后自适应的左栏宽度达到一定后不再变长(此时子元素无法继续撑开父元素)。
原来做法:
左右两栏均向左浮动,左栏再用margin-left:-左栏宽度 ,渲染时两栏宽度都会缩小为最最宽子元素的宽度且无法撑开(可以随窗口缩小)。
最后直接抛弃浮动:左栏
margin-right:预留宽度
右栏 绝对定位
width: 280px;
right: 0px;
position: absolute;
top:10px;