小编Ami*_*rul的帖子

使用CSS3 Resize属性拆分窗格

我一直在尝试使用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应该是最小的.

谢谢.

html javascript split resize css3

6
推荐指数
1
解决办法
5639
查看次数

标签 统计

css3 ×1

html ×1

javascript ×1

resize ×1

split ×1