如何实现两个相邻的div，一个固定宽度和一个响应

Question

使用下面的HTML，我希望第一个div的静态宽度为265px。第二个div应该在第一个div旁边，但应该是响应的（通过缩小窗口，<div class="styles container"> <h1>Styles</h1> </div> <div class="preview container"> <h1>Preview</h1> </div>也应该收缩）。我怎样才能做到这一点？

＆＃13;

＆＃13;

{{1}}

＆＃13;

＆＃13;

＆＃13;

Answer 1

width: calc()无法在所有浏览器中使用。 Look at browser-support

<div style="width: 265px; float: left; background: #00f;">
    test
</div>
<div style="width: calc(100%-265px); background: #000;">
    test
</div>