続 atsushifxの七転八倒

ウツ、発達障害の闘病記とIT関係のつれずれを書いていきます

table-cell+外部Javascriptだとレイアウトが崩れる

自分のWebサイトでは、マルチカラム表示にdisplay:table-cellを使っています。
が、外部Javascriptだとレイアウトが崩れます。
再現したHTMLとJavascriptは以下

<head>
<style type="text/css">
.box1, .box2, .box3 {
display: table-cell;
border: thin blue solid;
width: 10em; height; 10em;
}
</style>
</head>
<body>
<div class="box1">
BOX1
</div>
<div class="box2">
BOX2
<script type="text/javascript" src="test.js"></script>
</div>
<div class="box2">
BOX3
</div>
</body>