我一直在尝试使用CSS3属性进行拆分窗格调整大小.
这是代码:
<style>
div.left, div.right {float: left; outline: solid 1px #ccc;
resize: both; overflow: auto;}
div.left {width: 20%}
div.right {width: 80%}
</style>
<div class="left">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
<div class="right">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
Run Code Online (Sandbox Code Playgroud)
问题是如果我调整左侧div的大小,右侧div不会收缩并且会被推到底部.有没有其他方法可以在不使用javascript的情况下制作拆分窗格?
比方说,如果使用CSS3无法完成并且确实需要使用javascript,那么javascript应该是最小的.
谢谢.