我正在尝试使用Box-sizing来调整DIV的大小:border-Box;
即使我只允许调整宽度,每次调整大小事件停止时(高度更改),DIV都会缩小.
即使我只允许调整宽度,每次调整大小事件停止时(高度更改),DIV都会缩小.
我的CSS
.test{ width: 200px; height: 100px; border: 1px solid red; Box-sizing: border-Box; }
使用Javascript
$(document).ready(function() { $('.test').resizable({handles: 'e',stop: function(event,ui){ $('.wdt').text(ui.size.height); }}); });
HTML
<div class="test"> Test </div> <br/> <br/> <span>Height =</span> <span class='wdt'></span>
调整大小,你会看到.
有谁能够帮我?
JSFiddle:http://jsfiddle.net/WuQtw/4/