如果你看这个演示,调整大小是可拖动的:http: //layout.jquery-dev.net/demos/simple.html
<head>
<title>Summation</title>
<script src="jquery-latest.js"></script>
<script src="jquery.layout-latest.js"></script>
<script src="rotaercz.layout.js"></script>
<script>
$(document).ready(function () {
$('body').layout({
applyDefaultStyles: true
});
$('#inner').layout({
applyDefaultStyles: true
});
});
</script>
</head>
<body>
<div class="ui-layout-north">North</div>
<div class="ui-layout-center" id="inner">
<div class="ui-layout-center">Inner Center</div>
<div class="ui-layout-south">Inner South</div>
</div>
<div class="ui-layout-west">West</div>
</body>
这是我目前拥有的:http: //jsfiddle.net/JPEaa/1/
我怎样才能像在演示中一样使调整大小可拖动?我似乎无法弄清楚。它在 jsfiddle 中是可拖动的,但在 Google Chrome 中似乎不起作用。
我的第二个问题是如何为 Inner Center 和 Inner South 0 设置边距?我试过 margin: 0px 0px 0px 0px 但它似乎没有做任何事情。