您可以使用 flexbox 布置物品：
#parent { display: flex;}#narrow { width: 200px; background: lightblue; }#wide { flex: 1; background: lightgreen; }<div id="parent"> <div id="wide">Wide (rest of width)</div> <div id="narrow">Narrow (200px)</div></div>这基本上只是刮擦flexbox的表面。Flexbox可以做很多令人惊奇的事情。
对于较旧的浏览器支持，可以使用CSS float 和 width 属性来解决它。
#narrow { float: right; width: 200px; background: lightblue;}#wide { float: left; width: calc(100% - 200px); background: lightgreen;}<div id="parent"> <div id="wide">Wide (rest of width)</div> <div id="narrow">Narrow (200px)</div></div>
