JS代码和网页的混用

今天写一个代码，遇到这个情况：大的DIV嵌了一个小的DIV，大的DIV的宽度我是通过复杂的机制替换完成，现在小的div需要显示边框，但它又不能使用大的DIV的宽度和高度，必须要稍小一点（BOX模型）。我又不想再增加处理的复杂度，尝试着用JS来完成这种关系。

<script type="text/javascript">
document.write("<div style=\"border:1px solid #E3E3E3;");
var w=[*Width*]-4;
document.write(w);
document.write("px;margin:0 2px 0 1px;\">");
</script>
[*Content*]<div>