布局最好用的是flex，但是恶心就恶心在各个浏览器对flex支持程度不一样。支持最好的是chrome。

如果你只是静态布局的话，那么下面这个例子在目前各主流浏览器里应该都支持。但是如果你用flex-basis的数值来动态调整splitter view的宽度，在某些浏览器可能会出错。

jsfiddle.net/Lwjd860k

<div style="display:flex; width: 100%;">
<span style="flex:0 0 auto;min-width:120px;max-width:540px;">
Your title is here, it will fit the size of your text and you can specify min and max;
</span>
<input style="flex:1 1 auto;" type="text" value="Your value in this text box."/>
<div>


【 在 Outlook 的大作中提到: 】
: 代码简写如下：
: <div class="row">
: <div class="col-md-1">文章标题</div>
: ...................
--
FROM 110.23.10.*

除了IE其实静态兼容都还可以 我觉得Flex是方向 其他各种靠表格和absolute position的在不同浏览器里的行为其实更不可控

【 在 hgoldfish 的大作中提到: 】
: 看起来就像是现在流行的桌面GUI或者ANDRIOD SDK的布局方式。可惜浏览器兼容性不好。
: 感觉现在浏览器端越来越像桌面GUI领域了。
:
--
FROM 110.23.10.*